E
educlopez
/
thegridcn-ui
/
components
Files
Code
Info
Accordion
accordion
Alert
alert
Alert
alert
Alert Dialog
alert-dialog
Anomaly Banner
anomaly-banner
Arrival Panel
arrival-panel
Aspect Ratio
aspect-ratio
Avatar
avatar
Badge
badge
Beam Marker
beam-marker
Breadcrumb
breadcrumb
Button
button
Button Group
button-group
Calendar
calendar
Card
card
Carousel
carousel
Chart
chart
Helper to extract item config from a payload.
Checkbox
checkbox
Circuit Background
circuit-background
Collapsible
collapsible
Command
command
Context Menu
context-menu
Crt Effect
crt-effect
CRT monitor effect with scanlines, vignette, flicker, and scan sweep animation. * Wrap any content to give it a retro CRT monitor appearance.
Data Card
data-card
Dialog
dialog
Drawer
drawer
Dropdown Menu
dropdown-menu
Empty
empty
Field
field
Floating Panel
floating-panel
Form
form
Glow Container
glow-container
Grid
grid
Convert hex to THREE.Color
Grid Floor
grid-floor
Grid Scan Overlay
grid-scan-overlay
Hover Card
hover-card
Hud
hud
Hud Corner Frame
hud-corner-frame
Input
input
Input Group
input-group
Input Otp
input-otp
Item
item
Kbd
kbd
Label
label
Location Display
location-display
Map
map
Menubar
menubar
Navigation Menu
navigation-menu
Pagination
pagination
Popover
popover
Progress
progress
Radio Group
radio-group
Scroll Area
scroll-area
Select
select
Separator
separator
Sheet
sheet
Sidebar
sidebar
Skeleton
skeleton
Slider
slider
Sonner
sonner
Spinner
spinner
Status Bar
status-bar
Switch
switch
Table
table
Tabs
tabs
Textarea
textarea
Timeline Bar
timeline-bar
Timer
timer
Toggle
toggle
Toggle Group
toggle-group
Tooltip
tooltip
Tunnel
tunnel
Instanced tunnel rings for better performance
Uplink Header
uplink-header
Video Player
video-player
Video Progress
video-progress
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
Alert
alert
Alert
alert
Alert Dialog
alert-dialog
Anomaly Banner
anomaly-banner
Arrival Panel
arrival-panel
Aspect Ratio
aspect-ratio
Avatar
avatar
Badge
badge
Beam Marker
beam-marker
Breadcrumb
breadcrumb
Button
button
Button Group
button-group
Calendar
calendar
Card
card
Carousel
carousel
Chart
chart
Helper to extract item config from a payload.
Checkbox
checkbox
Circuit Background
circuit-background
Collapsible
collapsible
Command
command
Context Menu
context-menu
Crt Effect
crt-effect
CRT monitor effect with scanlines, vignette, flicker, and scan sweep animation. * Wrap any content to give it a retro CRT monitor appearance.
Data Card
data-card
Dialog
dialog
Drawer
drawer
Dropdown Menu
dropdown-menu
Empty
empty
Field
field
Floating Panel
floating-panel
Form
form
Glow Container
glow-container
Grid
grid
Convert hex to THREE.Color
Grid Floor
grid-floor
Grid Scan Overlay
grid-scan-overlay
Hover Card
hover-card
Hud
hud
Hud Corner Frame
hud-corner-frame
Input
input
Input Group
input-group
Input Otp
input-otp
Item
item
Kbd
kbd
Label
label
Location Display
location-display
Map
map
Menubar
menubar
Navigation Menu
navigation-menu
Pagination
pagination
Popover
popover
Progress
progress
Radio Group
radio-group
Scroll Area
scroll-area
Select
select
Separator
separator
Sheet
sheet
Sidebar
sidebar
Skeleton
skeleton
Slider
slider
Sonner
sonner
Spinner
spinner
Status Bar
status-bar
Switch
switch
Table
table
Tabs
tabs
Textarea
textarea
Timeline Bar
timeline-bar
Timer
timer
Toggle
toggle
Toggle Group
toggle-group
Tooltip
tooltip
Tunnel
tunnel
Instanced tunnel rings for better performance
Uplink Header
uplink-header
Video Player
video-player
Video Progress
video-progress
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information