Content Blocks
Flexible content layout blocks for articles, blog posts, documentation, and more. All blocks support rich content, optimal reading widths, and responsive design.
Simple Content
Single column layout with optimal reading width. Perfect for blog posts and articles.
Why Fluid Design Matters
Creating responsive experiences that scale naturally
Fluid design is a modern approach to web development that prioritizes seamless scaling
across all viewport sizes. Instead of relying on rigid breakpoints, fluid design uses CSS
functions like clamp() to create truly responsive experiences.
This approach offers several advantages: smoother scaling, fewer layout shifts, and reduced maintenance as your design adapts naturally to any screen size. The result is a more polished user experience across all devices.
Key Benefits
- Continuous scaling without breakpoints
- Improved readability at all sizes
- Reduced CSS complexity
- Better performance with fewer media queries
Two Column Content
Side-by-side layout with configurable column ratios. Collapses to single column on mobile.
Features & Benefits
Powerful Features
Our component library includes everything you need to build modern web applications. Each component is fully accessible, theme-aware, and production-ready.
Built with Astro and AlpineJS for minimal JavaScript overhead while maintaining full interactivity where needed.
Quick Stats
- 26+ Production blocks
- 16+ UI components
- 100% Accessible
- 15KB JS bundle
Content With Sidebar
Main content area with adjacent sidebar. Perfect for blog posts, documentation, or any content needing supplementary information.
Timeline Content
Chronological display with connecting line. Great for company history, product roadmaps, or process flows.
Our Journey
From concept to production-ready component library
Foundation Phase
Established core architecture with Astro, designed fluid design system, and implemented theme switching.
Component Library
Built 16+ UI components with full accessibility and TypeScript support.
Block Development
Created 26 production-ready blocks covering all common use cases.
Production Launch
Comprehensive testing, documentation, and successful deployment to production.
FAQ Content
Accordion-style Q&A with Schema.org markup for SEO. Perfect for frequently asked questions.
Frequently Asked Questions
Common questions about our component library
Pricing Content
Pricing cards with feature comparison and CTAs. Highlight featured tiers with badges.
Choose Your Plan
Flexible pricing for teams of all sizes
Starter
Perfect for side projects
- All components
- Basic support
- Community access
- Priority support
- Custom development
Professional
For professional developers
- All components
- Priority support
- Private community
- Advanced themes
- Custom development
Enterprise
For large organizations
- Everything in Pro
- Custom development
- Dedicated support
- SLA guarantee
- Training included