50+ Ultra-Modern Components with Glass Morphism Effects
The most advanced Tailwind CSS component library. Sleek black & white design, beautiful animations, and flawless dark/light mode switching.
npm i -D spark-ui
Built for modern web development with a focus on performance, accessibility, and developer experience.
Glass morphism effects, smooth animations, and contemporary styling that makes your interfaces stand out.
Seamlessly adapts to system preferences with beautiful dark and light themes out of the box.
Drop-in components that work instantly. No complex configuration or setup required.
Responsive design that looks perfect on all devices, from mobile to desktop.
CSS variables and Tailwind classes make theming and customization a breeze.
Built with accessibility in mind, following WCAG guidelines and best practices.
A comprehensive collection of modern UI components for every use case.
Navbars, breadcrumbs, sidebars, and menus
Cards, tables, stats, and timelines
Alerts, toasts, progress bars, and loading states
Inputs, buttons, toggles, and form layouts
Heroes, grids, containers, and sections
Chat bubbles, testimonials, and modals
Three simple steps to start building ultra-modern interfaces with Sparky UI.
npm install -D spark-ui
plugins: [require('spark-ui')]
<button class="btn btn-primary">
<!-- Add to your tailwind.config.js -->
module.exports = {
plugins: [require('spark-ui')]
}
<!-- Use in your HTML -->
<div class="card">
<div class="card-body">
<h2 class="card-title">Welcome to Sparky UI</h2>
<p>Beautiful components with glass effects</p>
<button class="btn btn-primary">Get Started</button>
</div>
</div>