frontend-react-dashboard

To build a responsive React dashboard with TailwindCSS and dark mode, use this Skill to generate layouts with sidebar navigation, KPI stat cards, and localStorage persistence for theme switching. It leverages Tailwind responsive classes and React hooks for state management.

Yes, you can use Recharts and Chart.js for data visualizations in a React 18+ dashboard. This Skill integrates both libraries to generate line, bar, pie, and area charts, providing flexible options for displaying complex data metrics within your application.

The best way to implement sorting and filtering in React data tables is using this Skill's generated DataTable component. It includes built-in sorting, filtering, and pagination functionalities, utilizing React Query for efficient data fetching and state management.

Yes, this React dashboard template supports system preference detection for dark mode. It automatically detects the user's OS theme preference while also providing localStorage persistence to remember their manually selected light or dark theme across sessions.

Yes, you need React Query to manage data fetching for your TailwindCSS dashboard. It is a required dependency for this Skill, ensuring efficient data retrieval, caching, and state synchronization for your data tables and chart visualizations.