- Animated Beam
- Animated List
- Animated Logo
- Animated Theme Toggler
- Avatar Circles
- Bento Grid
- Big Name Text
- Border Beam
- Dock
- Feature Card
- Filter Dropdown
- Footer Link
- Hero Badge
- Hero Buttons
- Hyper Text
- Lens
- Magic Card
- Marquee
- Meteors
- Onboarding Form
- Pricing Card
- Scroll Text
- Section Header
- Site Header
- Status Card
- Status
- Tweet Card
Introduction
Beautiful components inspired by shadcn/ui, Aceternity UI, and Magic UI.
sase-ui is a collection of beautiful, reusable components that you can copy and paste into your web applications.
Built with inspiration from the incredible work of shadcn/ui, Aceternity UI, and Magic UI, this library represents my contribution to the frontend community. I've been deeply inspired by these amazing projects and wanted to create something that combines the best of what I've learned from them.
It features carefully crafted components, blocks, and templates designed for creating stunning landing pages and user-facing marketing materials.
Philosophy
I believe that exceptional design is the foundation of great software. Good design isn't just about aesthetics—it's about building trust with your users from the moment they land on your page.
When visitors encounter your product, they're subconsciously asking themselves:
- "Does this look professional and trustworthy?"
- "Is this company legitimate?"
- "Can I rely on them with my data and business?"
Poor design creates doubt. It suggests a lack of attention to detail and can make users question the quality of your entire product.
Exceptional design builds confidence. When users see polished, thoughtful design, they immediately trust that the same level of care went into every aspect of your product.
This is why I'm passionate about creating components that help developers build beautiful interfaces quickly and easily. By providing high-quality, copy-paste components, I hope to empower developers to focus on their core product while still delivering an outstanding user experience.
Inspiration
This library draws inspiration from some of the most innovative UI libraries in the community:
- shadcn/ui - For its elegant component architecture and copy-paste philosophy
- Aceternity UI - For its creative animations and modern design patterns
- Magic UI - For its magical interactions and smooth user experiences
sase-ui is my way of contributing back to this amazing community that has taught me so much.
Open Code
sase-ui hands you the actual component code. You have full control to customize and extend the components to your needs. This means:
- Full Transparency: You see exactly how each component is built.
- Easy Customization: Modify any part of a component to fit your design and functionality requirements.
- AI Integration: Access to the code makes it straightforward for LLMs to read, understand, and even improve your components.
In a typical library, if you need to change a button's behavior, you have to override styles or wrap the component. With sase-ui, you simply edit the button code directly.
How It Works
Getting started with sase-ui is simple:
- Browse the components - Explore our collection of carefully crafted components
- Copy the code - Use our CLI or copy the code directly from the documentation
- Customize freely - Modify the components to match your design system
- Build faster - Focus on your product while maintaining beautiful UI
Every component is built with:
- Radix UI - For accessibility and keyboard navigation
- Tailwind CSS - For styling and customization
- TypeScript - For type safety and better DX
- Modern React - Using the latest React patterns and best practices