Copy-Paste Approach
Unlike traditional npm packages, Inspira UI uses a copy-paste approach:- Browse the component categories below to find what you need
- Visit the component page to see live demos and code
- Copy the component code directly into your project
- Customize and modify the code to match your design requirements
Component Categories
Explore our collection of components organized by category:Backgrounds
Beautiful animated backgrounds including aurora, meteors, particles, and grid patterns to add depth to your interfaces
Buttons
Interactive buttons with engaging effects like shimmer, ripple, rainbow, and hover animations
Cards
Stunning card components with 3D effects, flip animations, spotlight effects, and direction-aware hover interactions
Cursors
Custom cursor effects including fluid, tailed, smooth, and image trail cursors for enhanced user interaction
Device Mocks
Realistic device mockups for iPhone and Safari to showcase your applications
Input & Forms
Enhanced form inputs with effects like halo search, file upload, color picker, and animated placeholders
Text Animations
Dynamic text effects including reveals, glitches, morphing, sparkles, and 3D text animations
Special Effects
Eye-catching effects like border beams, glowing borders, meteors, confetti, and scratch-to-reveal
Testimonials
Elegant testimonial displays with animated sliders and design-focused layouts
Visualization
Advanced 3D visualizations including globes, world maps, icon clouds, splines, and infinite grids
Miscellaneous
Versatile components like bento grids, marquees, timelines, docks, modals, tooltips, and more
Key Features
Free & Open Source
All components are completely free and open source. View the source code on GitHub and contribute to the project.
Highly Configurable
Every component is built with customization in mind. Easily modify colors, sizes, animations, and behavior.
Mobile Optimized
Components are designed to work seamlessly across all device sizes with responsive behavior built-in.
Nuxt Compatible
Fully compatible with Nuxt, making it easy to integrate into your Nuxt applications.
What’s Included
Each component page includes:- Live Demo - Interactive preview of the component in action
- Source Code - Complete component code ready to copy
- API Documentation - Props and configuration options
- Usage Examples - Code examples showing how to use the component
- Credits - Attribution to original sources and inspirations