frontend-ui-dark-ts - Build dark React UIs with Tailwind and Framer Motion
Provides a TypeScript React UI system for dark dashboards, admin panels, and data-rich applications with Tailwind CSS, Framer Motion, and glassmorphism styles.
Tags
Updated: 2026-09-29Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Set up React UI projects
- Configure Tailwind CSS
- Define dark theme tokens
- Add Framer Motion animations
- Structure reusable UI components
- Configure responsive app metadata
Inputs
- UI requirements
- React TypeScript project
- Brand assets
- Application metadata
Outputs
- React UI source files
- Tailwind configuration files
- Global CSS styles
- Application metadata files
- Reusable UI components
Requirements
- React 18.x
- react-dom 18.x
- react-router-dom 6.x
- Framer Motion 11.x
- clsx 2.x
- Tailwind CSS 3.x
- Vite 5.x
- TypeScript 5.x
- PostCSS
- Autoprefixer