Dev Design LibrarySvelte Navigation Components
Dev Design Library indexes 68 Svelte navigation components from 6 open-source UI libraries, with the most coming from sv-particles, cnblocks, sv-table, sv-efferd and AI Elements (Svelte). Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets Svelte.
Faq Fourcnblocks · SvelteFAQ section with search and categories
Arc TimelineAnimations (Svelte) · SvelteA curved timeline that rotates through milestone steps with clickable markers, icons, and configurable spacing.
Model SelectorAI Elements (Svelte) · SvelteA searchable model selector dialog built on command and dialog primitives.
App Shell 2sv-efferd · SvelteA compact dashboard shell with a collapsible sidebar, sticky header, and structured content skeleton.
Data Table Column Headersv-table · SvelteA table heading with sorting, pinning, ordering, and visibility actions.
Basic Menusv-particles · Svelte
Feature Fourteencnblocks · SvelteFeature section with numbered steps
DockAnimations (Svelte) · SvelteA macOS-style dock component with smooth magnification animation on hover, inspired by the macOS dock.
Open In ChatAI Elements (Svelte) · SvelteA provider menu for opening prompts in external chat and AI tools.
FAQ Foursv-efferd · SvelteA categorized FAQ explorer with topic switching and softly framed accordion rows.
Data Table Faceted Filtersv-table · SvelteA searchable multi-select filter with live counts for categorical table columns.
Close On Clicksv-particles · Svelte
Feature Sevencnblocks · SvelteFeature section with tabs and content panels
Header Fivesv-efferd · SvelteA polished rounded header with compact mega-menu panels and stronger pill-shaped actions.
Data Table Viewsv-table · SvelteA checkbox dropdown for toggling table column visibility.
Froze Column Dropdownsv-particles · Svelte
Headercnblocks · SvelteStandard navigation header with logo and links
Header Foursv-efferd · SvelteA floating rounded header with stronger auth actions and a simplified mobile drawer.
Paginationsv-table · SvelteNumber pagination for table views.
Hamburger Menusv-particles · Svelte
Header Eightcnblocks · SvelteNavigation header for Hero Eight
Header Onesv-efferd · SvelteA clean sticky header with simple nav links and a compact mobile sheet.
Pagination Arrowsv-table · SvelteCompact arrow pagination for table footers.
Nested Menusv-particles · Svelte
Header Fivecnblocks · SvelteNavigation header for Hero Five
Header Threesv-efferd · SvelteA richer sticky header with mega-menu navigation and a full mobile fallback.
Row Actions Menusv-table · SvelteAn accessible dropdown menu for actions on an individual table row.
Pagination Tablesv-particles · Svelte
Header Fourcnblocks · SvelteNavigation header for Hero Four
Header Twosv-efferd · SvelteA framed sticky header with tighter proportions and a softer product shell.
Numeric Pagination Examplesv-table · Svelte
Sticky Column Dropdownsv-particles · Svelte
Header Ninecnblocks · SvelteNavigation header for Hero Nine
Paginated Examplesv-table · Svelte
Tab 1sv-particles · Svelte
Header Sevencnblocks · SvelteNavigation header for Hero Seven
Tab 10sv-particles · Svelte
Header Sixcnblocks · SvelteNavigation header for Hero Six
Tab 11sv-particles · Svelte
Header Threecnblocks · SvelteNavigation header for Hero Three
Tab 12sv-particles · Svelte
Header Twocnblocks · SvelteNavigation header for Hero Two
Tab 13sv-particles · Svelte
Hero Headercnblocks · SvelteStandard navigation header with logo and links
Tab 14sv-particles · Svelte
Hero Header Eightcnblocks · SvelteNavigation header with dropdown menus
Tab 15sv-particles · Svelte
Hero Header Ninecnblocks · SvelteHeader with mega menu navigation
Tab 16sv-particles · Svelte
Hero Header Sevencnblocks · SvelteTransparent header with centered logo
Tab 17sv-particles · Svelte
Tab 18sv-particles · Svelte
Tab 19sv-particles · Svelte
Tab 2sv-particles · Svelte
Tab 20sv-particles · Svelte
Tab 3sv-particles · Svelte
Tab 4sv-particles · Svelte
Tab 5sv-particles · Svelte
Tab 6sv-particles · Svelte
Tab 7sv-particles · Svelte
Tab 8sv-particles · Svelte
Tab 9sv-particles · Svelte
With Badge And Menusv-particles · Svelte
With Checkboxsv-particles · Svelte
With Checkbox Items As Switchessv-particles · Svelte
With Group Labelssv-particles · Svelte
With Linksv-particles · Svelte
With Radio Groupsv-particles · Svelte