nextjs-chakra

Modern Next.js app with the app router and Chakra UI, featuring a comprehensive theme system with dark mode support, responsive design, and contemporary UI patterns.

Core Features:

• Next.js 15 with App Router and TypeScript support
• Chakra UI v3 with custom theme configuration
• Dark/light mode toggle with system preference detection
• Modern color system with multiple theme variants
• Responsive design with mobile-first approach
• Custom components with consistent styling
• Font optimization with Inter and custom typography scale
• Animation and transition configurations

Design Elements:

• Modern color palette with primary blue (#3B82F6), secondary purple (#8B5CF6), accent emerald (#10B981), plus comprehensive semantic colors
• Clean typography system with proper hierarchy and spacing
• Smooth animations and micro-interactions
• Contemporary card-based layouts with subtle shadows
• Responsive breakpoints optimized for all device sizes
• Professional navigation and layout components