Introduction
What is Zarasana UI?
A modern component library with three distinct design variants: Neo-SaaS, Glassmorphic, and Neo-Brutalism. Build beautiful, accessible interfaces with components that adapt to your design vision.
💡
Note: Zarasana UI doesn't include primitive components like Button, Input, or Select. We focus on composed UI components that you can drop into your website. For primitives, we recommend using shadcn/ui.
Design Philosophy
Each component comes in three carefully crafted design variants, allowing you to choose the perfect aesthetic for your project—or mix and match for unique interfaces.
Neo-Saas
Frosted glass effects with translucent layers and backdrop blur. Modern and elegant.
Glassmorphic
Frosted glass effects with translucent layers and backdrop blur. Modern and elegant.
Neo-Brutalism
Bold borders, hard shadows, and chunky aesthetics. Makes a statement.
Quick Example
Here's a taste of what you can build with Zarasana UI buttons:
Features
- ✓Three Design Variants - Neo-SaaS, Glassmorphic, Neo-Brutalism
- ✓Motion Animations - Powered by motion.dev for smooth interactions
- ✓Dark Mode - All components support light and dark themes
- ✓TypeScript - Full type safety with exported interfaces
- ✓Accessible - Built with accessibility best practices
Getting Started
Ready to start building? Head to the Installation guide to set up Zarasana UI in your project.