A beautiful, modern UI showcase project built with Next.js 16, Shadcn UI, and Framer Motion. This project demonstrates the power of Shadcn UI components with smooth animations, multi-language support, and theme switching.
- 🎨 Beautiful UI: Built with Shadcn UI components
- 🌓 Dark/Light Mode: Theme switching with next-themes
- 🌍 Multi-language: Support for English, Arabic, and Kurdish
- ⚡ Smooth Animations: Framer Motion animations throughout
- 📱 Responsive: Mobile-first design
- ♿ Accessible: Built with accessibility in mind
- 🎯 Type-safe: Full TypeScript support
- ✅ Form Validation: Zod schemas with React Hook Form
- 🔔 Toast Notifications: Beautiful Sonner toasts
- Bun installed on your system
- Clone the repository
- Install dependencies:
bun install- Run the development server:
bun dev- Open http://localhost:3000 in your browser
- Home (
/[locale]) - Landing page with project title and navigation buttons - Login (
/[locale]/login) - Login form with validation and OAuth options - Register (
/[locale]/register) - Registration form with validation - Dashboard (
/[locale]/dashboard) - Overview with statistics and charts - Users (
/[locale]/dashboard/users) - CRUD operations for users - Employees (
/[locale]/dashboard/employees) - CRUD operations for employees - Teams (
/[locale]/dashboard/teams) - CRUD operations for teams - Accounts (
/[locale]/dashboard/accounts) - CRUD operations for accounts - Profile (
/[locale]/dashboard/profile) - User profile editing - Settings (
/[locale]/dashboard/settings) - Application settings - 404 - Custom not found page with translations
- Error - Custom error page with translations
- Framework: Next.js 16.1.1
- UI Library: Shadcn UI
- Animations: Motion 12.29.0
- Forms: React Hook Form 7.71.0 + Zod 4.3.5
- i18n: next-intl 4.7.0 (scoped translations)
- Theme: next-themes 0.4.6
- Notifications: Sonner 2.0.7
- Icons: Lucide React 0.562.0
- Styling: Tailwind CSS 4
- State: Zustand (for modals)
- Charts: Recharts (for dashboard)
See AGENTS.md for detailed project documentation, architecture, and conventions.
Ahmad Software
- Portfolio: ahmad-software.com
- GitHub: @Ahmad-Softwaree
This is a UI showcase project - feel free to use it as a reference or template for your own projects!