frontend-ui-dark-ts

原文涵盖的主题

• Frontend UI Dark Theme (TypeScript)
• Stack
• Quick Start
• Project Structure
• Configuration
• index.html
• public/site.webmanifest
• tailwind.config.js

A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations. | Package | Version | Purpose | |---------|---------|---------| | react | ^18.x | UI framework | | react-dom | ^18.x | DOM rendering | | react-router-dom | ^6.x | Routing | | framer-motion | ^11.x | Animations | | clsx | ^2.x | Class merging | | tailwindcss | ^3.x | Styling | | vite | ^5.x | Build tool | | typescript | ^5.x | Type safety | The HTML entry point with mobile viewport, favicons, and social meta tags: PWA manifest for installable web apps: | Element | Classes | |---------|---------| | Page title | text-2xl font-semibold text-text-primary | | Section title | text-lg font-semibold text-text-primary | | Card title | text-base font-medium text-text-primary | | Body text | text-sm text-text-secondary | | Caption | text-xs text-text-muted | | Label | text-sm font-medium text-text-secondary | | Use Case | Color | Class | |----------|-------|-------| | Primary action | Brand purple | bg-brand text-white | | Primary hover | Brand hover | hover:bg-brand-hover | | Page background | Neutral b

这里只展示节选，请以完整原文和当前要求为准。