stylexcn
Shadcn UI, but with StyleX instead of Tailwind CSS.
File Explorer
- page.tsx
- layout.tsx
- page.tsx
- globals.css
- layout.tsx
- not-found.tsx
- page.tsx
- robots.ts
- sitemap.ts
- avatar-akari.png
- avatar-malik.png
- avatar-riya.png
- avatar-taishi.png
- accordion.json
- alert-dialog.json
- alert.json
- aspect-ratio.json
- avatar.json
- badge.json
- breadcrumb.json
- button-group.json
- button.json
- calendar.json
- card.json
- carousel.json
- chart.json
- checkbox.json
- collapsible.json
- combobox.json
- command.json
- context-menu.json
- dialog.json
- drawer.json
- dropdown-menu.json
- empty.json
- field.json
- form.json
- hover-card.json
- input-group.json
- input-otp.json
- input.json
- item.json
- kbd.json
- label.json
- menubar.json
- native-select.json
- navigation-menu.json
- pagination.json
- popover.json
- progress.json
- radio-group.json
- registry.json
- resizable.json
- scroll-area.json
- select.json
- separator.json
- sheet.json
- sidebar.json
- skeleton.json
- slider.json
- sonner.json
- spinner.json
- switch.json
- table.json
- tabs.json
- textarea.json
- theme-provider.json
- theme.json
- toggle-group.json
- toggle.json
- tokens.json
- tooltip.json
- opengraph-image-v2.png
- opengraph-image.png
- analytics.ts
- catalog.ts
- chrome.stylex.ts
- code-block.tsx
- datafast-init.tsx
- demos.tsx
- docs-nav.tsx
- home-page.tsx
- install-command.tsx
- install.ts
- landing.stylex.ts
- site-header.tsx
- site-metadata.ts
- babel.config.js
- next-env.d.ts
- next.config.ts
- package.json
- postcss.config.js
- README.md
- tsconfig.json
- theme-provider.tsx
- theme.stylex.ts
- tokens.stylex.ts
- accordion.tsx
- alert-dialog.tsx
- alert.tsx
- aspect-ratio.tsx
- avatar.tsx
- badge.tsx
- breadcrumb.tsx
- button-group.tsx
- button.tsx
- calendar.tsx
- card.tsx
- carousel.tsx
- chart.tsx
- checkbox.tsx
- collapsible.tsx
- combobox.tsx
- command.tsx
- context-menu.tsx
- dialog.tsx
- drawer.tsx
- dropdown-menu.tsx
- empty.tsx
- field.tsx
- form.tsx
- hover-card.tsx
- input-group.tsx
- input-otp.tsx
- input.tsx
- item.tsx
- kbd.tsx
- label.tsx
- menubar.tsx
- native-select.tsx
- navigation-menu.tsx
- pagination.tsx
- popover.tsx
- progress.tsx
- radio-group.tsx
- resizable.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- sidebar.tsx
- skeleton.tsx
- slider.tsx
- sonner.tsx
- spinner.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip.tsx
- index.html
- main.tsx
- build-registry.mjs
- code-examples.test.mjs
- empty-border.test.mjs
- input-otp-console.test.mjs
- install-command-mobile.test.mjs
- scroll-area.test.mjs
- theme-provider.test.mjs
- theme-registry.test.mjs
- visual-diff.mjs
- accordion.tsx
- alert-dialog.tsx
- alert.tsx
- aspect-ratio.tsx
- avatar.tsx
- badge.tsx
- breadcrumb.tsx
- button-group.tsx
- button.tsx
- calendar.tsx
- card.tsx
- carousel.tsx
- chart.tsx
- checkbox.tsx
- collapsible.tsx
- combobox.tsx
- command.tsx
- context-menu.tsx
- dialog.tsx
- drawer.tsx
- dropdown-menu.tsx
- empty.tsx
- field.tsx
- form.tsx
- hover-card.tsx
- input-group.tsx
- input-otp.tsx
- input.tsx
- item.tsx
- kbd.tsx
- label.tsx
- menubar.tsx
- native-select.tsx
- navigation-menu.tsx
- pagination.tsx
- popover.tsx
- progress.tsx
- radio-group.tsx
- resizable.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- sidebar.tsx
- skeleton.tsx
- slider.tsx
- sonner.tsx
- spinner.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip.tsx
- utils.ts
- harness.tsx
- official-accordion.tsx
- official-alert-dialog.tsx
- official-alert.tsx
- official-aspect-ratio.tsx
- official-avatar.tsx
- official-badge.tsx
- official-breadcrumb.tsx
- official-button-group.tsx
- official-button.tsx
- official-calendar.tsx
- official-card.tsx
- official-carousel.tsx
- official-chart.tsx
- official-checkbox.tsx
- official-collapsible.tsx
- official-combobox.tsx
- official-command.tsx
- official-context-menu.tsx
- official-dialog.tsx
- official-drawer.tsx
- official-dropdown-menu.tsx
- official-empty.tsx
- official-field.tsx
- official-form.tsx
- official-hover-card.tsx
- official-input-group.tsx
- official-input-otp.tsx
- official-input.tsx
- official-item.tsx
- official-kbd.tsx
- official-label.tsx
- official-menubar.tsx
- official-native-select.tsx
- official-navigation-menu.tsx
- official-pagination.tsx
- official-popover.tsx
- official-progress.tsx
- official-radio-group.tsx
- official-resizable.tsx
- official-scroll-area.tsx
- official-select.tsx
- official-separator.tsx
- official-sheet.tsx
- official-sidebar.tsx
- official-skeleton.tsx
- official-slider.tsx
- official-sonner.tsx
- official-spinner.tsx
- official-switch.tsx
- official-table.tsx
- official-tabs.tsx
- official-textarea.tsx
- official-toggle-group.tsx
- official-toggle.tsx
- official-tooltip.tsx
- App.tsx
- main.tsx
- styles.css
- theme-provider.tsx
- theme.ts
- tokens.stylex.ts
- vite-env.d.ts
- accordion__dark__closed.png
- accordion__dark__open.png
- accordion__dark__second.png
- accordion__light__closed.png
- accordion__light__open.png
- accordion__light__second.png
- alert-dialog__dark__default.png
- alert-dialog__light__default.png
- alert__dark__default.png
- alert__dark__destructive.png
- alert__dark__with-icon.png
- alert__light__default.png
- alert__light__destructive.png
- alert__light__with-icon.png
- aspect-ratio__dark__default.png
- aspect-ratio__light__default.png
- avatar__dark__badge.png
- avatar__dark__default.png
- avatar__dark__group.png
- avatar__dark__lg.png
- avatar__dark__sm.png
- avatar__light__badge.png
- avatar__light__default.png
- avatar__light__group.png
- avatar__light__lg.png
- avatar__light__sm.png
- badge__dark__default.png
- badge__dark__destructive.png
- badge__dark__focus-visible.png
- badge__dark__ghost.png
- badge__dark__link.png
- badge__dark__outline.png
- badge__dark__secondary.png
- badge__light__default.png
- badge__light__destructive.png
- badge__light__focus-visible.png
- badge__light__ghost.png
- badge__light__link.png
- badge__light__outline.png
- badge__light__secondary.png
- breadcrumb__dark__default.png
- breadcrumb__dark__ellipsis.png
- breadcrumb__light__default.png
- breadcrumb__light__ellipsis.png
- button-group__dark__horizontal.png
- button-group__dark__nested.png
- button-group__dark__separator.png
- button-group__dark__text.png
- button-group__dark__vertical.png
- button-group__light__horizontal.png
- button-group__light__nested.png
- button-group__light__separator.png
- button-group__light__text.png
- button-group__light__vertical.png
- calendar__dark__default.png
- calendar__dark__range.png
- calendar__dark__selected.png
- calendar__light__default.png
- calendar__light__range.png
- calendar__light__selected.png
- card__dark__default.png
- card__dark__with-action.png
- card__light__default.png
- card__light__with-action.png
- carousel__dark__default.png
- carousel__dark__next.png
- carousel__dark__vertical.png
- carousel__light__default.png
- carousel__light__next.png
- carousel__light__vertical.png
- chart__dark__bar.png
- chart__dark__line.png
- chart__dark__tooltip.png
- chart__light__bar.png
- chart__light__line.png
- chart__light__tooltip.png
- checkbox__dark__checked.png
- checkbox__dark__default.png
- checkbox__dark__disabled.png
- checkbox__dark__focus-visible.png
- checkbox__dark__invalid.png
- checkbox__light__checked.png
- checkbox__light__default.png
- checkbox__light__disabled.png
- checkbox__light__focus-visible.png
- checkbox__light__invalid.png
- collapsible__dark__closed.png
- collapsible__dark__open.png
- collapsible__light__closed.png
- collapsible__light__open.png
- command__dark__default.png
- command__dark__dialog.png
- command__dark__disabled.png
- command__dark__empty.png
- command__dark__selected.png
- command__light__default.png
- command__light__dialog.png
- command__light__disabled.png
- command__light__empty.png
- command__light__selected.png
- context-menu__dark__closed.png
- context-menu__dark__open.png
- context-menu__light__closed.png
- context-menu__light__open.png
- dark__default__default__default.png
- dark__default__default__disabled.png
- dark__default__default__focus-visible.png
- dark__default__default__hover.png
- dark__destructive__default__default.png
- dark__destructive__default__disabled.png
- dark__destructive__default__focus-visible.png
- dark__destructive__default__hover.png
- dark__ghost__default__default.png
- dark__ghost__default__disabled.png
- dark__ghost__default__focus-visible.png
- dark__ghost__default__hover.png
- dark__link__default__default.png
- dark__link__default__disabled.png
- dark__link__default__focus-visible.png
- dark__link__default__hover.png
- dark__outline__default__default.png
- dark__outline__default__disabled.png
- dark__outline__default__focus-visible.png
- dark__outline__default__hover.png
- dark__secondary__default__default.png
- dark__secondary__default__disabled.png
- dark__secondary__default__focus-visible.png
- dark__secondary__default__hover.png
- dialog__dark__default.png
- dialog__dark__no-close.png
- dialog__light__default.png
- dialog__light__no-close.png
- drawer__dark__default.png
- drawer__dark__left.png
- drawer__dark__right.png
- drawer__dark__top.png
- drawer__light__default.png
- drawer__light__left.png
- drawer__light__right.png
- drawer__light__top.png
- dropdown-menu__dark__closed.png
- dropdown-menu__dark__open.png
- dropdown-menu__light__closed.png
- dropdown-menu__light__open.png
- empty__dark__default.png
- empty__dark__with-content.png
- empty__dark__with-icon.png
- empty__light__default.png
- empty__light__with-content.png
- empty__light__with-icon.png
- field__dark__checkbox-group.png
- field__dark__choice-card.png
- field__dark__description.png
- field__dark__disabled.png
- field__dark__error-list.png
- field__dark__error.png
- field__dark__horizontal.png
- field__dark__invalid.png
- field__dark__legend-label.png
- field__dark__legend.png
- field__dark__radio-group.png
- field__dark__responsive.png
- field__dark__separator-text.png
- field__dark__separator.png
- field__dark__vertical.png
- field__light__checkbox-group.png
- field__light__choice-card.png
- field__light__description.png
- field__light__disabled.png
- field__light__error-list.png
- field__light__error.png
- field__light__horizontal.png
- field__light__invalid.png
- field__light__legend-label.png
- field__light__legend.png
- field__light__radio-group.png
- field__light__responsive.png
- field__light__separator-text.png
- field__light__separator.png
- field__light__vertical.png
- form__dark__default.png
- form__dark__error.png
- form__dark__message.png
- form__light__default.png
- form__light__error.png
- form__light__message.png
- hover-card__dark__default.png
- hover-card__light__default.png
- input-group__dark__block-end.png
- input-group__dark__block-start.png
- input-group__dark__button.png
- input-group__dark__disabled.png
- input-group__dark__focus-visible.png
- input-group__dark__inline-end.png
- input-group__dark__inline-start.png
- input-group__dark__invalid.png
- input-group__dark__kbd.png
- input-group__dark__text.png
- input-group__dark__textarea.png
- input-group__light__block-end.png
- input-group__light__block-start.png
- input-group__light__button.png
- input-group__light__disabled.png
- input-group__light__focus-visible.png
- input-group__light__inline-end.png
- input-group__light__inline-start.png
- input-group__light__invalid.png
- input-group__light__kbd.png
- input-group__light__text.png
- input-group__light__textarea.png
- input-otp__dark__default.png
- input-otp__dark__disabled.png
- input-otp__dark__focus-visible.png
- input-otp__dark__invalid.png
- input-otp__dark__separator.png
- input-otp__light__default.png
- input-otp__light__disabled.png
- input-otp__light__focus-visible.png
- input-otp__light__invalid.png
- input-otp__light__separator.png
- input__dark__default.png
- input__dark__disabled.png
- input__dark__focus-visible.png
- input__dark__invalid.png
- input__light__default.png
- input__light__disabled.png
- input__light__focus-visible.png
- input__light__invalid.png
- item__dark__default.png
- item__dark__group.png
- item__dark__header-footer.png
- item__dark__image.png
- item__dark__media.png
- item__dark__muted.png
- item__dark__outline.png
- item__dark__sm.png
- item__light__default.png
- item__light__group.png
- item__light__header-footer.png
- item__light__image.png
- item__light__media.png
- item__light__muted.png
- item__light__outline.png
- item__light__sm.png
- kbd__dark__default.png
- kbd__dark__group.png
- kbd__dark__tooltip.png
- kbd__dark__with-icon.png
- kbd__light__default.png
- kbd__light__group.png
- kbd__light__tooltip.png
- kbd__light__with-icon.png
- label__dark__default.png
- label__dark__disabled.png
- label__light__default.png
- label__light__disabled.png
- light__default__default__default.png
- light__default__default__disabled.png
- light__default__default__focus-visible.png
- light__default__default__hover.png
- light__default__icon__default.png
- light__default__lg__default.png
- light__default__sm__default.png
- light__destructive__default__default.png
- light__destructive__default__disabled.png
- light__destructive__default__focus-visible.png
- light__destructive__default__hover.png
- light__destructive__icon__default.png
- light__destructive__lg__default.png
- light__destructive__sm__default.png
- light__ghost__default__default.png
- light__ghost__default__disabled.png
- light__ghost__default__focus-visible.png
- light__ghost__default__hover.png
- light__ghost__icon__default.png
- light__ghost__lg__default.png
- light__ghost__sm__default.png
- light__link__default__default.png
- light__link__default__disabled.png
- light__link__default__focus-visible.png
- light__link__default__hover.png
- light__link__icon__default.png
- light__link__lg__default.png
- light__link__sm__default.png
- light__outline__default__default.png
- light__outline__default__disabled.png
- light__outline__default__focus-visible.png
- light__outline__default__hover.png
- light__outline__icon__default.png
- light__outline__lg__default.png
- light__outline__sm__default.png
- light__secondary__default__default.png
- light__secondary__default__disabled.png
- light__secondary__default__focus-visible.png
- light__secondary__default__hover.png
- light__secondary__icon__default.png
- light__secondary__lg__default.png
- light__secondary__sm__default.png
- menubar__dark__closed.png
- menubar__dark__open.png
- menubar__light__closed.png
- menubar__light__open.png
- native-select__dark__default.png
- native-select__dark__disabled.png
- native-select__dark__focus-visible.png
- native-select__dark__invalid.png
- native-select__dark__sm.png
- native-select__light__default.png
- native-select__light__disabled.png
- native-select__light__focus-visible.png
- native-select__light__invalid.png
- native-select__light__sm.png
- navigation-menu__dark__closed.png
- navigation-menu__dark__open.png
- navigation-menu__dark__viewport.png
- navigation-menu__light__closed.png
- navigation-menu__light__open.png
- navigation-menu__light__viewport.png
- pagination__dark__default.png
- pagination__dark__ellipsis.png
- pagination__light__default.png
- pagination__light__ellipsis.png
- popover__dark__default.png
- popover__light__default.png
- progress__dark__empty.png
- progress__dark__full.png
- progress__dark__halfway.png
- progress__light__empty.png
- progress__light__full.png
- progress__light__halfway.png
- radio-group__dark__checked.png
- radio-group__dark__default.png
- radio-group__dark__disabled.png
- radio-group__dark__focus-visible.png
- radio-group__dark__invalid.png
- radio-group__light__checked.png
- radio-group__light__default.png
- radio-group__light__disabled.png
- radio-group__light__focus-visible.png
- radio-group__light__invalid.png
- resizable__dark__horizontal.png
- resizable__dark__vertical.png
- resizable__light__horizontal.png
- resizable__light__vertical.png
- scroll-area__dark__horizontal.png
- scroll-area__dark__vertical.png
- scroll-area__light__horizontal.png
- scroll-area__light__vertical.png
- select__dark__default.png
- select__dark__disabled.png
- select__dark__focus-visible.png
- select__dark__invalid.png
- select__dark__open.png
- select__dark__selected.png
- select__dark__sm.png
- select__light__default.png
- select__light__disabled.png
- select__light__focus-visible.png
- select__light__invalid.png
- select__light__open.png
- select__light__selected.png
- select__light__sm.png
- separator__dark__horizontal.png
- separator__dark__vertical.png
- separator__light__horizontal.png
- separator__light__vertical.png
- sheet__dark__bottom.png
- sheet__dark__default.png
- sheet__dark__left.png
- sheet__dark__top.png
- sheet__light__bottom.png
- sheet__light__default.png
- sheet__light__left.png
- sheet__light__top.png
- sidebar__dark__collapsed.png
- sidebar__dark__default.png
- sidebar__dark__inset.png
- sidebar__light__collapsed.png
- sidebar__light__default.png
- sidebar__light__inset.png
- skeleton__dark__bar.png
- skeleton__dark__circle.png
- skeleton__light__bar.png
- skeleton__light__circle.png
- slider__dark__default.png
- slider__dark__disabled.png
- slider__dark__focus-visible.png
- slider__dark__range.png
- slider__light__default.png
- slider__light__disabled.png
- slider__light__focus-visible.png
- slider__light__range.png
- sonner__dark__default.png
- sonner__dark__error.png
- sonner__dark__success.png
- sonner__light__default.png
- sonner__light__error.png
- sonner__light__success.png
- spinner__dark__default.png
- spinner__dark__lg.png
- spinner__dark__sm.png
- spinner__dark__xl.png
- spinner__light__default.png
- spinner__light__lg.png
- spinner__light__sm.png
- spinner__light__xl.png
- switch__dark__checked.png
- switch__dark__default.png
- switch__dark__disabled.png
- switch__dark__focus-visible.png
- switch__light__checked.png
- switch__light__default.png
- switch__light__disabled.png
- switch__light__focus-visible.png
- table__dark__default.png
- table__dark__with-footer.png
- table__light__default.png
- table__light__with-footer.png
- tabs__dark__default.png
- tabs__dark__disabled.png
- tabs__dark__second.png
- tabs__light__default.png
- tabs__light__disabled.png
- tabs__light__second.png
- textarea__dark__default.png
- textarea__dark__disabled.png
- textarea__dark__focus-visible.png
- textarea__dark__invalid.png
- textarea__light__default.png
- textarea__light__disabled.png
- textarea__light__focus-visible.png
- textarea__light__invalid.png
- toggle-group__dark__default.png
- toggle-group__dark__lg.png
- toggle-group__dark__outline.png
- toggle-group__dark__sm.png
- toggle-group__light__default.png
- toggle-group__light__lg.png
- toggle-group__light__outline.png
- toggle-group__light__sm.png
- toggle__dark__default.png
- toggle__dark__disabled.png
- toggle__dark__focus-visible.png
- toggle__dark__lg.png
- toggle__dark__on.png
- toggle__dark__outline.png
- toggle__dark__sm.png
- toggle__light__default.png
- toggle__light__disabled.png
- toggle__light__focus-visible.png
- toggle__light__lg.png
- toggle__light__on.png
- toggle__light__outline.png
- toggle__light__sm.png
- tooltip__dark__default.png
- tooltip__light__default.png
- accordion__dark__closed.png
- accordion__dark__open.png
- accordion__dark__second.png
- accordion__light__closed.png
- accordion__light__open.png
- accordion__light__second.png
- alert-dialog__dark__default.png
- alert-dialog__light__default.png
- alert__dark__default.png
- alert__dark__destructive.png
- alert__dark__with-icon.png
- alert__light__default.png
- alert__light__destructive.png
- alert__light__with-icon.png
- aspect-ratio__dark__default.png
- aspect-ratio__light__default.png
- avatar__dark__badge.png
- avatar__dark__default.png
- avatar__dark__group.png
- avatar__dark__lg.png
- avatar__dark__sm.png
- avatar__light__badge.png
- avatar__light__default.png
- avatar__light__group.png
- avatar__light__lg.png
- avatar__light__sm.png
- badge__dark__default.png
- badge__dark__destructive.png
- badge__dark__focus-visible.png
- badge__dark__ghost.png
- badge__dark__link.png
- badge__dark__outline.png
- badge__dark__secondary.png
- badge__light__default.png
- badge__light__destructive.png
- badge__light__focus-visible.png
- badge__light__ghost.png
- badge__light__link.png
- badge__light__outline.png
- badge__light__secondary.png
- breadcrumb__dark__default.png
- breadcrumb__dark__ellipsis.png
- breadcrumb__light__default.png
- breadcrumb__light__ellipsis.png
- button-group__dark__horizontal.png
- button-group__dark__nested.png
- button-group__dark__separator.png
- button-group__dark__text.png
- button-group__dark__vertical.png
- button-group__light__horizontal.png
- button-group__light__nested.png
- button-group__light__separator.png
- button-group__light__text.png
- button-group__light__vertical.png
- calendar__dark__default.png
- calendar__dark__range.png
- calendar__dark__selected.png
- calendar__light__default.png
- calendar__light__range.png
- calendar__light__selected.png
- card__dark__default.png
- card__dark__with-action.png
- card__light__default.png
- card__light__with-action.png
- carousel__dark__default.png
- carousel__dark__next.png
- carousel__dark__vertical.png
- carousel__light__default.png
- carousel__light__next.png
- carousel__light__vertical.png
- chart__dark__bar.png
- chart__dark__line.png
- chart__dark__tooltip.png
- chart__light__bar.png
- chart__light__line.png
- chart__light__tooltip.png
- checkbox__dark__checked.png
- checkbox__dark__default.png
- checkbox__dark__disabled.png
- checkbox__dark__focus-visible.png
- checkbox__dark__invalid.png
- checkbox__light__checked.png
- checkbox__light__default.png
- checkbox__light__disabled.png
- checkbox__light__focus-visible.png
- checkbox__light__invalid.png
- collapsible__dark__closed.png
- collapsible__dark__open.png
- collapsible__light__closed.png
- collapsible__light__open.png
- command__dark__default.png
- command__dark__dialog.png
- command__dark__disabled.png
- command__dark__empty.png
- command__dark__selected.png
- command__light__default.png
- command__light__dialog.png
- command__light__disabled.png
- command__light__empty.png
- command__light__selected.png
- context-menu__dark__closed.png
- context-menu__dark__open.png
- context-menu__light__closed.png
- context-menu__light__open.png
- dark__default__default__default.png
- dark__default__default__disabled.png
- dark__default__default__focus-visible.png
- dark__default__default__hover.png
- dark__destructive__default__default.png
- dark__destructive__default__disabled.png
- dark__destructive__default__focus-visible.png
- dark__destructive__default__hover.png
- dark__ghost__default__default.png
- dark__ghost__default__disabled.png
- dark__ghost__default__focus-visible.png
- dark__ghost__default__hover.png
- dark__link__default__default.png
- dark__link__default__disabled.png
- dark__link__default__focus-visible.png
- dark__link__default__hover.png
- dark__outline__default__default.png
- dark__outline__default__disabled.png
- dark__outline__default__focus-visible.png
- dark__outline__default__hover.png
- dark__secondary__default__default.png
- dark__secondary__default__disabled.png
- dark__secondary__default__focus-visible.png
- dark__secondary__default__hover.png
- dialog__dark__default.png
- dialog__dark__no-close.png
- dialog__light__default.png
- dialog__light__no-close.png
- drawer__dark__default.png
- drawer__dark__left.png
- drawer__dark__right.png
- drawer__dark__top.png
- drawer__light__default.png
- drawer__light__left.png
- drawer__light__right.png
- drawer__light__top.png
- dropdown-menu__dark__closed.png
- dropdown-menu__dark__open.png
- dropdown-menu__light__closed.png
- dropdown-menu__light__open.png
- empty__dark__default.png
- empty__dark__with-content.png
- empty__dark__with-icon.png
- empty__light__default.png
- empty__light__with-content.png
- empty__light__with-icon.png
- field__dark__checkbox-group.png
- field__dark__choice-card.png
- field__dark__description.png
- field__dark__disabled.png
- field__dark__error-list.png
- field__dark__error.png
- field__dark__horizontal.png
- field__dark__invalid.png
- field__dark__legend-label.png
- field__dark__legend.png
- field__dark__radio-group.png
- field__dark__responsive.png
- field__dark__separator-text.png
- field__dark__separator.png
- field__dark__vertical.png
- field__light__checkbox-group.png
- field__light__choice-card.png
- field__light__description.png
- field__light__disabled.png
- field__light__error-list.png
- field__light__error.png
- field__light__horizontal.png
- field__light__invalid.png
- field__light__legend-label.png
- field__light__legend.png
- field__light__radio-group.png
- field__light__responsive.png
- field__light__separator-text.png
- field__light__separator.png
- field__light__vertical.png
- form__dark__default.png
- form__dark__error.png
- form__dark__message.png
- form__light__default.png
- form__light__error.png
- form__light__message.png
- hover-card__dark__default.png
- hover-card__light__default.png
- input-group__dark__block-end.png
- input-group__dark__block-start.png
- input-group__dark__button.png
- input-group__dark__disabled.png
- input-group__dark__focus-visible.png
- input-group__dark__inline-end.png
- input-group__dark__inline-start.png
- input-group__dark__invalid.png
- input-group__dark__kbd.png
- input-group__dark__text.png
- input-group__dark__textarea.png
- input-group__light__block-end.png
- input-group__light__block-start.png
- input-group__light__button.png
- input-group__light__disabled.png
- input-group__light__focus-visible.png
- input-group__light__inline-end.png
- input-group__light__inline-start.png
- input-group__light__invalid.png
- input-group__light__kbd.png
- input-group__light__text.png
- input-group__light__textarea.png
- input-otp__dark__default.png
- input-otp__dark__disabled.png
- input-otp__dark__focus-visible.png
- input-otp__dark__invalid.png
- input-otp__dark__separator.png
- input-otp__light__default.png
- input-otp__light__disabled.png
- input-otp__light__focus-visible.png
- input-otp__light__invalid.png
- input-otp__light__separator.png
- input__dark__default.png
- input__dark__disabled.png
- input__dark__focus-visible.png
- input__dark__invalid.png
- input__light__default.png
- input__light__disabled.png
- input__light__focus-visible.png
- input__light__invalid.png
- item__dark__default.png
- item__dark__group.png
- item__dark__header-footer.png
- item__dark__image.png
- item__dark__media.png
- item__dark__muted.png
- item__dark__outline.png
- item__dark__sm.png
- item__light__default.png
- item__light__group.png
- item__light__header-footer.png
- item__light__image.png
- item__light__media.png
- item__light__muted.png
- item__light__outline.png
- item__light__sm.png
- kbd__dark__default.png
- kbd__dark__group.png
- kbd__dark__tooltip.png
- kbd__dark__with-icon.png
- kbd__light__default.png
- kbd__light__group.png
- kbd__light__tooltip.png
- kbd__light__with-icon.png
- label__dark__default.png
- label__dark__disabled.png
- label__light__default.png
- label__light__disabled.png
- light__default__default__default.png
- light__default__default__disabled.png
- light__default__default__focus-visible.png
- light__default__default__hover.png
- light__default__icon__default.png
- light__default__lg__default.png
- light__default__sm__default.png
- light__destructive__default__default.png
- light__destructive__default__disabled.png
- light__destructive__default__focus-visible.png
- light__destructive__default__hover.png
- light__destructive__icon__default.png
- light__destructive__lg__default.png
- light__destructive__sm__default.png
- light__ghost__default__default.png
- light__ghost__default__disabled.png
- light__ghost__default__focus-visible.png
- light__ghost__default__hover.png
- light__ghost__icon__default.png
- light__ghost__lg__default.png
- light__ghost__sm__default.png
- light__link__default__default.png
- light__link__default__disabled.png
- light__link__default__focus-visible.png
- light__link__default__hover.png
- light__link__icon__default.png
- light__link__lg__default.png
- light__link__sm__default.png
- light__outline__default__default.png
- light__outline__default__disabled.png
- light__outline__default__focus-visible.png
- light__outline__default__hover.png
- light__outline__icon__default.png
- light__outline__lg__default.png
- light__outline__sm__default.png
- light__secondary__default__default.png
- light__secondary__default__disabled.png
- light__secondary__default__focus-visible.png
- light__secondary__default__hover.png
- light__secondary__icon__default.png
- light__secondary__lg__default.png
- light__secondary__sm__default.png
- menubar__dark__closed.png
- menubar__dark__open.png
- menubar__light__closed.png
- menubar__light__open.png
- native-select__dark__default.png
- native-select__dark__disabled.png
- native-select__dark__focus-visible.png
- native-select__dark__invalid.png
- native-select__dark__sm.png
- native-select__light__default.png
- native-select__light__disabled.png
- native-select__light__focus-visible.png
- native-select__light__invalid.png
- native-select__light__sm.png
- navigation-menu__dark__closed.png
- navigation-menu__dark__open.png
- navigation-menu__dark__viewport.png
- navigation-menu__light__closed.png
- navigation-menu__light__open.png
- navigation-menu__light__viewport.png
- pagination__dark__default.png
- pagination__dark__ellipsis.png
- pagination__light__default.png
- pagination__light__ellipsis.png
- popover__dark__default.png
- popover__light__default.png
- progress__dark__empty.png
- progress__dark__full.png
- progress__dark__halfway.png
- progress__light__empty.png
- progress__light__full.png
- progress__light__halfway.png
- radio-group__dark__checked.png
- radio-group__dark__default.png
- radio-group__dark__disabled.png
- radio-group__dark__focus-visible.png
- radio-group__dark__invalid.png
- radio-group__light__checked.png
- radio-group__light__default.png
- radio-group__light__disabled.png
- radio-group__light__focus-visible.png
- radio-group__light__invalid.png
- resizable__dark__horizontal.png
- resizable__dark__vertical.png
- resizable__light__horizontal.png
- resizable__light__vertical.png
- scroll-area__dark__horizontal.png
- scroll-area__dark__vertical.png
- scroll-area__light__horizontal.png
- scroll-area__light__vertical.png
- select__dark__default.png
- select__dark__disabled.png
- select__dark__focus-visible.png
- select__dark__invalid.png
- select__dark__open.png
- select__dark__selected.png
- select__dark__sm.png
- select__light__default.png
- select__light__disabled.png
- select__light__focus-visible.png
- select__light__invalid.png
- select__light__open.png
- select__light__selected.png
- select__light__sm.png
- separator__dark__horizontal.png
- separator__dark__vertical.png
- separator__light__horizontal.png
- separator__light__vertical.png
- sheet__dark__bottom.png
- sheet__dark__default.png
- sheet__dark__left.png
- sheet__dark__top.png
- sheet__light__bottom.png
- sheet__light__default.png
- sheet__light__left.png
- sheet__light__top.png
- sidebar__dark__collapsed.png
- sidebar__dark__default.png
- sidebar__dark__inset.png
- sidebar__light__collapsed.png
- sidebar__light__default.png
- sidebar__light__inset.png
- skeleton__dark__bar.png
- skeleton__dark__circle.png
- skeleton__light__bar.png
- skeleton__light__circle.png
- slider__dark__default.png
- slider__dark__disabled.png
- slider__dark__focus-visible.png
- slider__dark__range.png
- slider__light__default.png
- slider__light__disabled.png
- slider__light__focus-visible.png
- slider__light__range.png
- sonner__dark__default.png
- sonner__dark__error.png
- sonner__dark__success.png
- sonner__light__default.png
- sonner__light__error.png
- sonner__light__success.png
- spinner__dark__default.png
- spinner__dark__lg.png
- spinner__dark__sm.png
- spinner__dark__xl.png
- spinner__light__default.png
- spinner__light__lg.png
- spinner__light__sm.png
- spinner__light__xl.png
- switch__dark__checked.png
- switch__dark__default.png
- switch__dark__disabled.png
- switch__dark__focus-visible.png
- switch__light__checked.png
- switch__light__default.png
- switch__light__disabled.png
- switch__light__focus-visible.png
- table__dark__default.png
- table__dark__with-footer.png
- table__light__default.png
- table__light__with-footer.png
- tabs__dark__default.png
- tabs__dark__disabled.png
- tabs__dark__second.png
- tabs__light__default.png
- tabs__light__disabled.png
- tabs__light__second.png
- textarea__dark__default.png
- textarea__dark__disabled.png
- textarea__dark__focus-visible.png
- textarea__dark__invalid.png
- textarea__light__default.png
- textarea__light__disabled.png
- textarea__light__focus-visible.png
- textarea__light__invalid.png
- toggle-group__dark__default.png
- toggle-group__dark__lg.png
- toggle-group__dark__outline.png
- toggle-group__dark__sm.png
- toggle-group__light__default.png
- toggle-group__light__lg.png
- toggle-group__light__outline.png
- toggle-group__light__sm.png
- toggle__dark__default.png
- toggle__dark__disabled.png
- toggle__dark__focus-visible.png
- toggle__dark__lg.png
- toggle__dark__on.png
- toggle__dark__outline.png
- toggle__dark__sm.png
- toggle__light__default.png
- toggle__light__disabled.png
- toggle__light__focus-visible.png
- toggle__light__lg.png
- toggle__light__on.png
- toggle__light__outline.png
- toggle__light__sm.png
- tooltip__dark__default.png
- tooltip__light__default.png
- accordion__dark__closed.png
- accordion__dark__open.png
- accordion__dark__second.png
- accordion__light__closed.png
- accordion__light__open.png
- accordion__light__second.png
- alert-dialog__dark__default.png
- alert-dialog__light__default.png
- alert__dark__default.png
- alert__dark__destructive.png
- alert__dark__with-icon.png
- alert__light__default.png
- alert__light__destructive.png
- alert__light__with-icon.png
- aspect-ratio__dark__default.png
- aspect-ratio__light__default.png
- avatar__dark__badge.png
- avatar__dark__default.png
- avatar__dark__group.png
- avatar__dark__lg.png
- avatar__dark__sm.png
- avatar__light__badge.png
- avatar__light__default.png
- avatar__light__group.png
- avatar__light__lg.png
- avatar__light__sm.png
- badge__dark__default.png
- badge__dark__destructive.png
- badge__dark__focus-visible.png
- badge__dark__ghost.png
- badge__dark__link.png
- badge__dark__outline.png
- badge__dark__secondary.png
- badge__light__default.png
- badge__light__destructive.png
- badge__light__focus-visible.png
- badge__light__ghost.png
- badge__light__link.png
- badge__light__outline.png
- badge__light__secondary.png
- breadcrumb__dark__default.png
- breadcrumb__dark__ellipsis.png
- breadcrumb__light__default.png
- breadcrumb__light__ellipsis.png
- button-group__dark__horizontal.png
- button-group__dark__nested.png
- button-group__dark__separator.png
- button-group__dark__text.png
- button-group__dark__vertical.png
- button-group__light__horizontal.png
- button-group__light__nested.png
- button-group__light__separator.png
- button-group__light__text.png
- button-group__light__vertical.png
- calendar__dark__default.png
- calendar__dark__range.png
- calendar__dark__selected.png
- calendar__light__default.png
- calendar__light__range.png
- calendar__light__selected.png
- card__dark__default.png
- card__dark__with-action.png
- card__light__default.png
- card__light__with-action.png
- carousel__dark__default.png
- carousel__dark__next.png
- carousel__dark__vertical.png
- carousel__light__default.png
- carousel__light__next.png
- carousel__light__vertical.png
- chart__dark__bar.png
- chart__dark__line.png
- chart__dark__tooltip.png
- chart__light__bar.png
- chart__light__line.png
- chart__light__tooltip.png
- checkbox__dark__checked.png
- checkbox__dark__default.png
- checkbox__dark__disabled.png
- checkbox__dark__focus-visible.png
- checkbox__dark__invalid.png
- checkbox__light__checked.png
- checkbox__light__default.png
- checkbox__light__disabled.png
- checkbox__light__focus-visible.png
- checkbox__light__invalid.png
- collapsible__dark__closed.png
- collapsible__dark__open.png
- collapsible__light__closed.png
- collapsible__light__open.png
- command__dark__default.png
- command__dark__dialog.png
- command__dark__disabled.png
- command__dark__empty.png
- command__dark__selected.png
- command__light__default.png
- command__light__dialog.png
- command__light__disabled.png
- command__light__empty.png
- command__light__selected.png
- context-menu__dark__closed.png
- context-menu__dark__open.png
- context-menu__light__closed.png
- context-menu__light__open.png
- dark__default__default__default.png
- dark__default__default__disabled.png
- dark__default__default__focus-visible.png
- dark__default__default__hover.png
- dark__destructive__default__default.png
- dark__destructive__default__disabled.png
- dark__destructive__default__focus-visible.png
- dark__destructive__default__hover.png
- dark__ghost__default__default.png
- dark__ghost__default__disabled.png
- dark__ghost__default__focus-visible.png
- dark__ghost__default__hover.png
- dark__link__default__default.png
- dark__link__default__disabled.png
- dark__link__default__focus-visible.png
- dark__link__default__hover.png
- dark__outline__default__default.png
- dark__outline__default__disabled.png
- dark__outline__default__focus-visible.png
- dark__outline__default__hover.png
- dark__secondary__default__default.png
- dark__secondary__default__disabled.png
- dark__secondary__default__focus-visible.png
- dark__secondary__default__hover.png
- dialog__dark__default.png
- dialog__dark__no-close.png
- dialog__light__default.png
- dialog__light__no-close.png
- drawer__dark__default.png
- drawer__dark__left.png
- drawer__dark__right.png
- drawer__dark__top.png
- drawer__light__default.png
- drawer__light__left.png
- drawer__light__right.png
- drawer__light__top.png
- dropdown-menu__dark__closed.png
- dropdown-menu__dark__open.png
- dropdown-menu__light__closed.png
- dropdown-menu__light__open.png
- empty__dark__default.png
- empty__dark__with-content.png
- empty__dark__with-icon.png
- empty__light__default.png
- empty__light__with-content.png
- empty__light__with-icon.png
- field__dark__checkbox-group.png
- field__dark__choice-card.png
- field__dark__description.png
- field__dark__disabled.png
- field__dark__error-list.png
- field__dark__error.png
- field__dark__horizontal.png
- field__dark__invalid.png
- field__dark__legend-label.png
- field__dark__legend.png
- field__dark__radio-group.png
- field__dark__responsive.png
- field__dark__separator-text.png
- field__dark__separator.png
- field__dark__vertical.png
- field__light__checkbox-group.png
- field__light__choice-card.png
- field__light__description.png
- field__light__disabled.png
- field__light__error-list.png
- field__light__error.png
- field__light__horizontal.png
- field__light__invalid.png
- field__light__legend-label.png
- field__light__legend.png
- field__light__radio-group.png
- field__light__responsive.png
- field__light__separator-text.png
- field__light__separator.png
- field__light__vertical.png
- form__dark__default.png
- form__dark__error.png
- form__dark__message.png
- form__light__default.png
- form__light__error.png
- form__light__message.png
- hover-card__dark__default.png
- hover-card__light__default.png
- input-group__dark__block-end.png
- input-group__dark__block-start.png
- input-group__dark__button.png
- input-group__dark__disabled.png
- input-group__dark__focus-visible.png
- input-group__dark__inline-end.png
- input-group__dark__inline-start.png
- input-group__dark__invalid.png
- input-group__dark__kbd.png
- input-group__dark__text.png
- input-group__dark__textarea.png
- input-group__light__block-end.png
- input-group__light__block-start.png
- input-group__light__button.png
- input-group__light__disabled.png
- input-group__light__focus-visible.png
- input-group__light__inline-end.png
- input-group__light__inline-start.png
- input-group__light__invalid.png
- input-group__light__kbd.png
- input-group__light__text.png
- input-group__light__textarea.png
- input-otp__dark__default.png
- input-otp__dark__disabled.png
- input-otp__dark__focus-visible.png
- input-otp__dark__invalid.png
- input-otp__dark__separator.png
- input-otp__light__default.png
- input-otp__light__disabled.png
- input-otp__light__focus-visible.png
- input-otp__light__invalid.png
- input-otp__light__separator.png
- input__dark__default.png
- input__dark__disabled.png
- input__dark__focus-visible.png
- input__dark__invalid.png
- input__light__default.png
- input__light__disabled.png
- input__light__focus-visible.png
- input__light__invalid.png
- item__dark__default.png
- item__dark__group.png
- item__dark__header-footer.png
- item__dark__image.png
- item__dark__media.png
- item__dark__muted.png
- item__dark__outline.png
- item__dark__sm.png
- item__light__default.png
- item__light__group.png
- item__light__header-footer.png
- item__light__image.png
- item__light__media.png
- item__light__muted.png
- item__light__outline.png
- item__light__sm.png
- kbd__dark__default.png
- kbd__dark__group.png
- kbd__dark__tooltip.png
- kbd__dark__with-icon.png
- kbd__light__default.png
- kbd__light__group.png
- kbd__light__tooltip.png
- kbd__light__with-icon.png
- label__dark__default.png
- label__dark__disabled.png
- label__light__default.png
- label__light__disabled.png
- light__default__default__default.png
- light__default__default__disabled.png
- light__default__default__focus-visible.png
- light__default__default__hover.png
- light__default__icon__default.png
- light__default__lg__default.png
- light__default__sm__default.png
- light__destructive__default__default.png
- light__destructive__default__disabled.png
- light__destructive__default__focus-visible.png
- light__destructive__default__hover.png
- light__destructive__icon__default.png
- light__destructive__lg__default.png
- light__destructive__sm__default.png
- light__ghost__default__default.png
- light__ghost__default__disabled.png
- light__ghost__default__focus-visible.png
- light__ghost__default__hover.png
- light__ghost__icon__default.png
- light__ghost__lg__default.png
- light__ghost__sm__default.png
- light__link__default__default.png
- light__link__default__disabled.png
- light__link__default__focus-visible.png
- light__link__default__hover.png
- light__link__icon__default.png
- light__link__lg__default.png
- light__link__sm__default.png
- light__outline__default__default.png
- light__outline__default__disabled.png
- light__outline__default__focus-visible.png
- light__outline__default__hover.png
- light__outline__icon__default.png
- light__outline__lg__default.png
- light__outline__sm__default.png
- light__secondary__default__default.png
- light__secondary__default__disabled.png
- light__secondary__default__focus-visible.png
- light__secondary__default__hover.png
- light__secondary__icon__default.png
- light__secondary__lg__default.png
- light__secondary__sm__default.png
- menubar__dark__closed.png
- menubar__dark__open.png
- menubar__light__closed.png
- menubar__light__open.png
- native-select__dark__default.png
- native-select__dark__disabled.png
- native-select__dark__focus-visible.png
- native-select__dark__invalid.png
- native-select__dark__sm.png
- native-select__light__default.png
- native-select__light__disabled.png
- native-select__light__focus-visible.png
- native-select__light__invalid.png
- native-select__light__sm.png
- navigation-menu__dark__closed.png
- navigation-menu__dark__open.png
- navigation-menu__dark__viewport.png
- navigation-menu__light__closed.png
- navigation-menu__light__open.png
- navigation-menu__light__viewport.png
- pagination__dark__default.png
- pagination__dark__ellipsis.png
- pagination__light__default.png
- pagination__light__ellipsis.png
- popover__dark__default.png
- popover__light__default.png
- progress__dark__empty.png
- progress__dark__full.png
- progress__dark__halfway.png
- progress__light__empty.png
- progress__light__full.png
- progress__light__halfway.png
- radio-group__dark__checked.png
- radio-group__dark__default.png
- radio-group__dark__disabled.png
- radio-group__dark__focus-visible.png
- radio-group__dark__invalid.png
- radio-group__light__checked.png
- radio-group__light__default.png
- radio-group__light__disabled.png
- radio-group__light__focus-visible.png
- radio-group__light__invalid.png
- resizable__dark__horizontal.png
- resizable__dark__vertical.png
- resizable__light__horizontal.png
- resizable__light__vertical.png
- scroll-area__dark__horizontal.png
- scroll-area__dark__vertical.png
- scroll-area__light__horizontal.png
- scroll-area__light__vertical.png
- select__dark__default.png
- select__dark__disabled.png
- select__dark__focus-visible.png
- select__dark__invalid.png
- select__dark__open.png
- select__dark__selected.png
- select__dark__sm.png
- select__light__default.png
- select__light__disabled.png
- select__light__focus-visible.png
- select__light__invalid.png
- select__light__open.png
- select__light__selected.png
- select__light__sm.png
- separator__dark__horizontal.png
- separator__dark__vertical.png
- separator__light__horizontal.png
- separator__light__vertical.png
- sheet__dark__bottom.png
- sheet__dark__default.png
- sheet__dark__left.png
- sheet__dark__top.png
- sheet__light__bottom.png
- sheet__light__default.png
- sheet__light__left.png
- sheet__light__top.png
- sidebar__dark__collapsed.png
- sidebar__dark__default.png
- sidebar__dark__inset.png
- sidebar__light__collapsed.png
- sidebar__light__default.png
- sidebar__light__inset.png
- skeleton__dark__bar.png
- skeleton__dark__circle.png
- skeleton__light__bar.png
- skeleton__light__circle.png
- slider__dark__default.png
- slider__dark__disabled.png
- slider__dark__focus-visible.png
- slider__dark__range.png
- slider__light__default.png
- slider__light__disabled.png
- slider__light__focus-visible.png
- slider__light__range.png
- sonner__dark__default.png
- sonner__dark__error.png
- sonner__dark__success.png
- sonner__light__default.png
- sonner__light__error.png
- sonner__light__success.png
- spinner__dark__default.png
- spinner__dark__lg.png
- spinner__dark__sm.png
- spinner__dark__xl.png
- spinner__light__default.png
- spinner__light__lg.png
- spinner__light__sm.png
- spinner__light__xl.png
- switch__dark__checked.png
- switch__dark__default.png
- switch__dark__disabled.png
- switch__dark__focus-visible.png
- switch__light__checked.png
- switch__light__default.png
- switch__light__disabled.png
- switch__light__focus-visible.png
- table__dark__default.png
- table__dark__with-footer.png
- table__light__default.png
- table__light__with-footer.png
- tabs__dark__default.png
- tabs__dark__disabled.png
- tabs__dark__second.png
- tabs__light__default.png
- tabs__light__disabled.png
- tabs__light__second.png
- textarea__dark__default.png
- textarea__dark__disabled.png
- textarea__dark__focus-visible.png
- textarea__dark__invalid.png
- textarea__light__default.png
- textarea__light__disabled.png
- textarea__light__focus-visible.png
- textarea__light__invalid.png
- toggle-group__dark__default.png
- toggle-group__dark__lg.png
- toggle-group__dark__outline.png
- toggle-group__dark__sm.png
- toggle-group__light__default.png
- toggle-group__light__lg.png
- toggle-group__light__outline.png
- toggle-group__light__sm.png
- toggle__dark__default.png
- toggle__dark__disabled.png
- toggle__dark__focus-visible.png
- toggle__dark__lg.png
- toggle__dark__on.png
- toggle__dark__outline.png
- toggle__dark__sm.png
- toggle__light__default.png
- toggle__light__disabled.png
- toggle__light__focus-visible.png
- toggle__light__lg.png
- toggle__light__on.png
- toggle__light__outline.png
- toggle__light__sm.png
- tooltip__dark__default.png
- tooltip__light__default.png
- report.json
- report.md
- .gitignore
- index.html
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- README.md
- registry.json
- report.md
- tsconfig.app.json
- tsconfig.json
- vite.config.ts
# Use via CDN
jsDelivrjsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.
Link
Example
// repository documentation
Was this content helpful?
(0 ratings)