L
Logging-Studio
/
RetroUI
/
components
Files
Code
Info
Accordion
accordion
This collapsible component let's your users read only the content they care about. 😌
Alert
alert
Notify your users about important events and updates. 📣
Area Chart
area-chart
Beautiful area chart for data visualization with retro styling
Avatar
avatar
Default rounded avatar that can show your users profile picture. ✨
Badge
badge
The component that looks like a button but isn't clickable!
Bar Chart
bar-chart
Beautiful bar chart for data visualization with retro styling
Breadcrumb
breadcrumb
Retro Button
button
This bold button makes sure your users click on it and perform the actions you want!
Card
card
A customizable card component to visualize your content. 📝
Checkbox
checkbox
Let users confirm or reject an option.
Command
command
Fast, keyboard-first command palette powered by cmdk.
Context Menu
context-menu
Show contextual actions on right-click.
Dialog
dialog
An impactful dialog that ensures your important messages and actions get the attention they deserve! 💬✨
Drawer
drawer
A component that can slide in from any side of the screen.
Input
input
This pretty input makes your users want to type stuff! ⌨️
Label
label
Label for form fields
Line Chart
line-chart
Beautiful line chart for data visualization with retro styling
Loader
loader
A loading indicator
Menu
menu
Show your users a list of actions they can take. 📋
Pie Chart
pie-chart
Beautiful pie chart for data visualization with retro styling
Popover
popover
A handy small component for your little input needs...😉
Progress
progress
Show progress...
Radio
radio
Sometimes you need to pick multiple options! That's where the Radio component comes into play.
Select
select
Let your users pick what they want.
Slider
slider
Let your users pick what they want.
Sonner
sonner
A beautiful toast component that can grab audience attention from any place.
Switch
switch
Let users to turn on or off your marketing emails or notifications.
Tab
tab
Switch between different views using tabs.
Table
table
Show your data in a tabular format. 📊
text
text
Show your texts in different styles. 💅
textarea
textarea
This pretty input makes your users want to type lots of stuff! ⌨️ ⌨
Table of Contents
toc
Show your table of contents in a sidebar.
Toggle
toggle
This crazy toggling button keeps people toggling...😃
Toggle Group
toggle-group
Group of toggling buttons...🤙
Tooltip
tooltip
A cool way to give your users a hint of what a component does...😉
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Accordion
accordion
This collapsible component let's your users read only the content they care about. 😌
Alert
alert
Notify your users about important events and updates. 📣
Area Chart
area-chart
Beautiful area chart for data visualization with retro styling
Avatar
avatar
Default rounded avatar that can show your users profile picture. ✨
Badge
badge
The component that looks like a button but isn't clickable!
Bar Chart
bar-chart
Beautiful bar chart for data visualization with retro styling
Breadcrumb
breadcrumb
Retro Button
button
This bold button makes sure your users click on it and perform the actions you want!
Card
card
A customizable card component to visualize your content. 📝
Checkbox
checkbox
Let users confirm or reject an option.
Command
command
Fast, keyboard-first command palette powered by cmdk.
Context Menu
context-menu
Show contextual actions on right-click.
Dialog
dialog
An impactful dialog that ensures your important messages and actions get the attention they deserve! 💬✨
Drawer
drawer
A component that can slide in from any side of the screen.
Input
input
This pretty input makes your users want to type stuff! ⌨️
Label
label
Label for form fields
Line Chart
line-chart
Beautiful line chart for data visualization with retro styling
Loader
loader
A loading indicator
Menu
menu
Show your users a list of actions they can take. 📋
Pie Chart
pie-chart
Beautiful pie chart for data visualization with retro styling
Popover
popover
A handy small component for your little input needs...😉
Progress
progress
Show progress...
Radio
radio
Sometimes you need to pick multiple options! That's where the Radio component comes into play.
Select
select
Let your users pick what they want.
Slider
slider
Let your users pick what they want.
Sonner
sonner
A beautiful toast component that can grab audience attention from any place.
Switch
switch
Let users to turn on or off your marketing emails or notifications.
Tab
tab
Switch between different views using tabs.
Table
table
Show your data in a tabular format. 📊
text
text
Show your texts in different styles. 💅
textarea
textarea
This pretty input makes your users want to type lots of stuff! ⌨️ ⌨
Table of Contents
toc
Show your table of contents in a sidebar.
Toggle
toggle
This crazy toggling button keeps people toggling...😃
Toggle Group
toggle-group
Group of toggling buttons...🤙
Tooltip
tooltip
A cool way to give your users a hint of what a component does...😉
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information