Skip to main content
PROYECTO
VIVIANA
Home
viviana-ui
solid-spectrum
Theme
Interactive Demo
Component
Playground
Explore and interact with all 60+ components from the Proyecto Viviana UI library. Toggle sections, customize themes, and see everything in action.
Last action: None
Theme Creator
Customize colors in real-time
Theme Creator
Appearance
Dark
Light
Palette Mode
Light
Dim
Dark
Primary
L:0.71 C:0.07 H:232
Background
L:0.14 C:0.00 H:90
Accent
L:0.70 C:0.16 H:252
Reset
100
200
300
400
500
600
700
800
Theme Preview
Primary
Secondary
Accent
Component Sections
0 of 61 visible
Show All
Hide All
Button
Badge
Inline Alert
Tooltip
Popover
Avatar
Switch
Checkbox
Text Field
Link
Progress Bar
Separator
Radio Group
Dialog
createButton Hook
createCheckboxGroup Hook
ListBox
Menu
Select
Styled Select
Styled Menu
Styled ListBox
Styled Tabs
Styled Breadcrumbs
Number Field
Search Field
Slider
ComboBox
Action Group
Toolbar
Action Bar
Disclosure
Meter
Tag Group
Calendar
Date Picker
Toast
DropZone
FileTrigger
Table
GridList
Tree
Range Calendar
Date Field
Time Field
Color Slider
Color Area
Color Wheel
Color Field
Color Swatch
TextArea
Date Range Picker
Color Swatch Picker
Color Editor
Contextual Help
Range Slider
Alert Dialog
Action Menu
Flex Layout
Grid Layout
Theme / Provider