Nuxt 4 Template
A modern, production-ready starter template with Nuxt UI
Built with ❤️ by Manuel Hintermayr
Nuxt 4
The latest version of Nuxt with improved performance and new features.
Nuxt UI
Modern UI components based on Tailwind CSS and Headless UI.
Mouse Follower
Smooth and professional cursor effects with GSAP animations.
Dark Mode
Automatic Dark Mode support with easy switching.
Example Components
Mouse Follower
Interactive cursor effects and animations powered by GSAP
Project Cards
Web Application
A modern web app with smooth animations and interactions.
UI Components
Beautiful UI components with custom cursor effects.
Text Effects
This is regular text with a special hover effect and this text has a
sticky cursor effect that follows your mouse.
Configuration Options
Cursor Speed
Current Speed: 0.8
Special Cursor States
Inverse Cursor
Light cursor on dark background
This demo is not available in dark mode
Hidden Cursor
Cursor becomes invisible
Theme Element
Custom gradient styling
Opaque State
Semi-transparent cursor
Pointer State
Custom pointer styling
Custom State
Dynamic custom styling
Media Effects (Images & Videos)
Landscape Photo
Hover to preview a beautiful landscape image
Portrait Photo
Hover to see a stunning portrait photo
Sample Video
Hover to preview Big Buck Bunny video
Sticky Cursor Effects
Hover here to stick cursor to target:
The cursor will magnetically stick to elements with sticky effect
Skewing Effects
Light Skew
Subtle distortion effect
Strong Skew
Medium distortion effect
Extreme Skew
Maximum distortion effect
Forms
Form components for data input and user interaction
Basic Forms
Advanced Forms
Complex form components with rich functionality
Calendar
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
31 | 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 | 10 | 11 |
Date Range
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
31 | 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 | 10 | 11 |
Date Picker
Date Range Picker
Checkbox Group
Radio Group
Switches
Automatically save your changes as you work.
Sliders
Progress
Color Picker
File Upload
Keyboard Shortcuts
Buttons
Interactive button components with various styles and states
Default Buttons
Button Groups
Horizontal Group
Vertical Group
Input with Button
Specialized Input Components
Advanced input controls and data entry components
Number Input
Input Tags
PIN Input
Select Components
Advanced Input
Keyboard Shortcuts
Common shortcuts
Textarea
Tooltips
Interactive tooltip examples
Layout Components
Structure and container components for better organization
Card Variants
Default Card
This is a standard card with header, content and footer sections.
Subtle Card
A card with subtle styling for less emphasis.
Container
Responsive Container
This content is centered and constrained within the container bounds.
Chip Indicators
Accordion Components
Collapsible panels for organizing content with smooth animations
Basic Accordion
Multiple Open
Avatar Components
User profile images with fallbacks and group displays
Different Sizes
Avatar Group
Fallback Options
Navigation Elements
Badges, breadcrumbs, and button groups for interface navigation
Badges
Breadcrumb
Advanced Navigation
Complex navigation patterns and overlay components
Tab Navigation
Navigation Menu
Pagination
Progress Stepper
Link Navigation
Overlay Components
Data Display
Components for displaying and organizing content
Carousel
Collapsible Sections
Context Menu
Dropdown Menu
Drawer
Tree View
Data Table
| Name | Role | Status | |
|---|---|---|---|
| John Doe | Developer | Active | john@example.com |
| Jane Smith | Designer | Active | jane@example.com |
| Bob Johnson | Manager | Inactive | bob@example.com |
Timeline
Overlay Components
Interactive overlays, notifications, and feedback components
Toast Notifications
Tooltip Positions
Utility Components
Helpful tools and interactive elements