| Webseite | skeleton.dev |
|---|
| Size | |
|---|
| Layout | |
|---|
| AppShell | Ja Responsive shell for controlling application layout. |
|---|
| Container | Nein |
|---|
| Center | Nein |
|---|
| Dark Mode / Lightswitch | Ja Allows users to toggle between light and dark themes using Tailwind's dark mode feature. |
|---|
| Footer | Nein |
|---|
| Grid | Nein |
|---|
| Group | Nein |
|---|
| MediaQuery | Nein |
|---|
| Navbar | Ja App Bar : A header element for the top of your page layout. Pairs well with the App Shell. |
|---|
| SimpleGrid | Nein |
|---|
| Sidebar | Ja App Rail : A side navigation rail component |
|---|
| Space | Nein |
|---|
| Stack | Nein |
|---|
| Navigation | |
|---|
| Anchor | Nein |
|---|
| Breadcrumbs | Ja Displays the current navigation hierarchy. |
|---|
| Burger | Nein |
|---|
| Drawer (or Off-canvas) | Ja Displays an overlay panel that attaches to any side of the screen. |
|---|
| Pagination | Ja Navigate between multiple pages of content. |
|---|
| Seo | Nein |
|---|
| Tabs | Ja Use tabs to quickly switch between different views. |
|---|
| Data Display | |
|---|
| Accordion | Ja Divide content into collapsible sections. |
|---|
| Avatar | Ja Display user avatars with an image or initials. |
|---|
| Badge | Nein |
|---|
| Card | Nein |
|---|
| Carousel | Nein |
|---|
| Conic Gradients | Ja Create conic gradient data visualizations for pie charts, loading spinners, and more. |
|---|
| Dot | |
|---|
| Divider | Ja Horizontal or vertical rules for sectioning your content. |
|---|
| Dropdown | Nein |
|---|
| Image | Nein |
|---|
| Image Lists / Gallery | Nein |
|---|
| Kbd | Nein |
|---|
| List Group | Ja |
|---|
| Popover | Nein |
|---|
| Rating | Nein |
|---|
| Table | Ja Utilize a data-driven model to create simple presentational tables. A set of utility features for creating template-driven data tables. |
|---|
| ThemeIcon | Nein |
|---|
| Timeline | Ja Steppers: Divide and present content in sequenced steps. This Step component uses the locked property, which can prevent progress. |
|---|
| TreeView | Nein |
|---|
| Typography | Ja Gradient Headings |
|---|
| Video | Nein |
|---|
| Inputs & Actions | |
|---|
| ActionIcon | Nein |
|---|
| Autocomplete | Nein |
|---|
| Button | Nein |
|---|
| Button Group | Nein |
|---|
| Checkbox | Nein |
|---|
| CheckboxGroup | Nein |
|---|
| Chip | Nein |
|---|
| FileDropzone | Ja Allow upload of files with drag and drop. |
|---|
| FileInput | Ja FileButton : Allows you to select files with a single click. |
|---|
| Floating Label | Nein |
|---|
| FormField | Nein |
|---|
| Input | Nein |
|---|
| InputWrapper | Nein |
|---|
| Listboxes | Ja Interactive listboxes that maintain selection state. |
|---|
| NumberInput | Nein |
|---|
| Radio Button | Nein |
|---|
| RadioGroup | Ja Capture feedback limited to a small set of options. |
|---|
| Range | Ja Capture input from a range of values, including optional ticks. |
|---|
| Search Input | Nein |
|---|
| Select | Nein |
|---|
| Speed Dial | Nein |
|---|
| Slider | Nein |
|---|
| Switch Toggle | Ja A sliding toggle element that can capture input from a user. |
|---|
| Textarea | Nein |
|---|
| TextInput | Nein |
|---|
| UnstyledButton | |
|---|
| Dates | |
|---|
| DatePicker | Nein |
|---|
| TimePicker | Nein |
|---|
| Kalender | Nein |
|---|
| Feedback | |
|---|
| Alert | Ja Display customizable alerts to garner attention and provide critical actions. |
|---|
| Loading | Nein |
|---|
| Notification / Toasts | Ja Simple notifications utilizing a dynamic queue system. |
|---|
| Snackbar | Nein |
|---|
| SnackbarContainer | Nein |
|---|
| Linear Progress | Ja An indicator showing the progress or completion of a task. |
|---|
| Progress Radials / Circular Progress | Ja Displays a radial indicator showing the progress or completion of a task. |
|---|
| Skeleton | Nein |
|---|
| Spinner | Nein |
|---|
| Overlay | |
|---|
| Affix | Nein |
|---|
| Menu | Ja Provides quick context menus when you tap the trigger element. |
|---|
| Modal | Ja High priority dialogs and modals using a dynamic queue system. |
|---|
| Dialog | Ja High priority dialogs and modals using a dynamic queue system. |
|---|
| Overlay | Nein |
|---|
| Tooltip | Ja Informative tooltips that render on mouse over. |
|---|
| Utils | |
|---|
| Code blocks | Ja Displays pre-formatted source code, with optional support for Highlight.js syntax highlighting. |
|---|
| Colors | Nein |
|---|
| Close Button | Nein |
|---|
| Label | Nein |
|---|
| Local Storage Store | Ja An extended version of the Svelte writable store that includes pub/sub to local storage. |
|---|
| Toolbar | Nein |
|---|
| Svelte Actions / Hooks Library | |
|---|
| use-move | Nein |
|---|
| use-clipboard | Ja Allows you to quickly copy select data to the clipboard. |
|---|
| use-focus-trap | Ja Allows you to contain focus within elements on-demand. |
|---|
| Image Filters | Ja Applies a set of unique SVG filters. Best used with images, but also available to select components, such as Avatars. |
|---|
User reviews and comments