Latest version : 1.3.1
Vera UI
Build beautiful, accessible React applications with a comprehensive component library designed for modern development workflows.
50+
Components
100%
TypeScript
A11Y
Accessible
WCAG
Compliant
Why Choose Vera UI?
Built for modern teams who need reliable, accessible, and beautiful components
🎨
Design System Ready
Built with design tokens and theming. Consistent spacing, typography, and color systems across all components.
♿
Accessibility First
Every component follows WCAG guidelines with proper ARIA attributes, keyboard navigation, and screen reader support.
🔧
Highly Customizable
Extensive customization options with CSS variables, Tailwind CSS integration, and component composition patterns.
📱
Responsive by Default
All components work seamlessly across different screen sizes and devices with mobile-first design principles.
Component Categories
Explore our comprehensive collection of components organized by functionality
📝
Forms
Input controls, validation, and form management components for user interaction.
🧭
Navigation
Sidebar, menus, breadcrumbs, and navigation patterns for site navigation.
📊
Data Display
Tables, cards, badges, and components for presenting information beautifully.
🏗️
Layout
Grid systems, containers, and structural components for page organization.
💬
Feedback
Alerts, toasts, progress bars, and components for user feedback.
🎭
Overlays
Modals, popovers, tooltips, and components that appear above other content.
Quick Start
Get up and running with Vera UI in minutes
1
Install the package
npm install @helgadigitals/vera-ui2
Import and use components
import { Button, Card, CardContent, CardHeader, CardTitle } from '@helgadigitals/vera-ui'
function App() {
return (
<Card className="w-96">
<CardHeader>
<CardTitle>Hello Vera UI</CardTitle>
</CardHeader>
<CardContent>
<Button>Get Started</Button>
</CardContent>
</Card>
)
}3
Start building
Explore our comprehensive component library and build amazing user interfaces!
Ready to build something amazing?
Join thousands of developers using Vera UI to create beautiful, accessible applications.