NAVRENZA / WORKSPACE
UI components
Consistent building blocks. Familiar Bootstrap classes. Native React interactions.
Buttons
Solid, outline, and icon variations
Click a button to see feedback.
Alerts
Clear feedback for every state
Tabs
Content panels controlled by React
Overview
Build your application with reusable components and a consistent design system.
Accordion
Native disclosure elements with keyboard support
Getting started
Install dependencies with npm ci, then start the development server with npm run dev.
Customizing the template
Use the settings page to explore themes, or update design tokens in src/styles/app.css.
Connecting your API
Replace sample data in src/data with your API client and add loading, empty, and error states.
Badges & progress
Modal dialog
Focus management and Escape dismissal included
Use dialogs for focused tasks and short forms. This example uses the browser’s accessible dialog element.
Lucide icons
Typography & colors
A clear visual hierarchy
Good interfaces start with readable type.
System fonts keep the template fast and self-contained. Emphasis, expression, and helpful links all have their place.
Make the important things easy to find.