Open-source project
The UI kit I built in 2023
An open-source UI kit I built in 2023 and used in production. Browse localized demos for forms, buttons, tables, charts, calendars, navigation, and file uploads.
Built for production frontend work
This is the original frontend kit I used in production before moving it into JSVar. It covers forms, buttons, modals, tables, charts, calendars, navigation, and file-upload patterns.
Inputs
Text, textarea, phone, email, and password fields with validation states.
Buttons
Primary, secondary, compact, disabled, and custom button variants.
Select fields
Single and multi-select patterns for plain values and object arrays.
Loading
Blocking loading state for async flows.
Accordion
Expandable content with a single open item.
Messages
Success and error states with a clear follow-up action.
Modal
Confirmation dialog with clear primary and cancel actions.
Pagination
Editable page input with bounded previous and next controls.
Toggle
Compact boolean control for simple product settings.
Popup panel
Popup panel for quick supporting details.
Languages
Language picker demo built around JSVar's 21-locale metadata.
Tables
Basic tables, row details, and density heatmaps.
Charts
Stacked, grouped, mixed, line, area, and pie chart demos.
Calendars
Localized date selection for paired start and end values.
File drop
Drag-and-drop file target with a matching upload button.
Navigation
In-module navigation driven by the same section model.
Unavailable state
Overlay for screens that are unavailable or too narrow.
Components
Live component previews
Use the sidebar to open each component group and test the behavior.
Current section
01/17Inputs
Text, textarea, phone, email, and password fields with validation states.
Current section
Inputs
Text, textarea, phone, email, and password fields with validation states.
Characters: 0/1000
Standard field
Enter a valid value.
Validated after you leave the field
With domain suggestions
10+ characters, mixed case, number, symbol