Skip to content

sysnee/nextjs-chakra

Repository files navigation

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

About

[Boilerplate] Next.js 15 (App Router) + Chakra UI

Topics

Resources

Stars

Watchers

Forks