Open-source project
The UI kit I built in 2023
An open-source UI kit I built in 2023 and used in real product work. Browse localized demos for forms, buttons, tables, charts, calendars, navigation, and file uploads.
Built for real product work
This is the original frontend kit I used across real projects before moving it into JSVar. It includes forms, buttons, modals, tables, charts, calendars, navigation, and file-upload patterns.
Inputs
Text, textarea, phone, email, and password fields with validation.
Buttons
Primary, secondary, compact, disabled, and custom-styled actions.
Select fields
Single and multiple selection for plain values and object arrays.
Loading
Blocking loading state for async actions.
Accordion
Expandable content block with one-open-at-a-time behavior.
Messages
Success and error messages with a confirmation action.
Modal
Confirmation dialog with clear accept and cancel flows.
Pagination
Editable page input with bounded previous and next controls.
Toggle
Compact boolean control for simple product settings.
Popup panel
Popup panel for secondary details and contextual reading.
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 action.
Navigation
In-module section navigation from the same section model.
Stub
Protective overlay for unfinished or viewport-limited states.
Showcase
Component playground
Use the sidebar to browse every component family and test the ported behavior.
Current section
01/17Inputs
Text, textarea, phone, email, and password fields with validation.
Current section
Inputs
Text, textarea, phone, email, and password fields with validation.
Characters: 0/1000
Standard field
This field contains an invalid value.
Checked on blur
With domain suggestions
10+ characters, mixed case, number, symbol