Next.js Modus

Styled Components Boilerplate and Cursor AI Integration

Thank you for using our comprehensive Next.js boilerplate! This project showcases modern UI components with ShadCN, Tailwind CSS, based on the Modus design system styles. Cursor AI is integrated to assist with the development process.

brushExplore Components mixCursor Rules icons_shapesBrowse Icons launchView on GitHub

What's Included

A complete toolkit for building modern, responsive, and accessible web applications with industry best practices.

codeModern Framework

Latest Next.js 15 with React 19

Built on Next.js 15 App Router with React 19 features including Server Components and modern patterns.

window_template50+ Components

ShadCN + Custom Components

Complete ShadCN UI library plus 4 custom components and 32 calendar variations ready to use.

icons_shapesModus Icons

Complete icon system

Full Modus icon library with search functionality and strict validation for consistent design.

paletteSmart Theming

Light & Dark modes

CSS custom properties with automatic dark mode support and Modus brand colors.

shield_checkType Safety

TypeScript strict mode

Full TypeScript support with strict mode enabled for maximum type safety and developer experience.

mobile_app_versionResponsive Design

Mobile-first approach

All components are fully responsive with mobile-first design principles and touch-friendly interfaces.

mixCursor AI Integration

Enhanced development experience

Comprehensive AI assistance with project rules, memories, and intelligent code generation for consistent development.

trimble_logoTrimble Products

Enterprise solutions showcase

Includes product logos for Tekla, Connect, FieldLink, and other Trimble enterprise solutions.

Trimble Logos Included