Dev Design LibrarySvelte Button Components
Dev Design Library indexes 58 Svelte button components from 6 open-source UI libraries, with the most coming from sv-particles, Animations (Svelte), sv-efferd, cnblocks and sv-table. 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. Button components belong to the Actions group.
Cta Onecnblocks · SvelteCall-to-action block with centered heading and buttons
Animated Theme TogglerAnimations (Svelte) · SvelteA smooth animated theme toggler that uses the View Transition API to create a circular reveal effect when switching…
Copy ButtonAI Elements (Svelte) · SvelteA clipboard-driven button with success and failure states.
Auth Fivesv-efferd · SvelteA split-screen auth experience with animated background paths and broader provider options.
Data Table Column Headersv-table · SvelteA table heading with sorting, pinning, ordering, and visibility actions.
Outline Like With Countsv-particles · SvelteOutlined like button with a heart and the number of likes next to it.
Cta Threecnblocks · SvelteCTA section with background gradient
Interactive Hover ButtonAnimations (Svelte) · SvelteA button with an interactive hover effect featuring an expanding dot and sliding text animation with an arrow.
Open In ChatAI Elements (Svelte) · SvelteA provider menu for opening prompts in external chat and AI tools.
Auth Foursv-efferd · SvelteA bordered auth layout with divider rails and a gentle email-first continuation flow.
Data Table Exportsv-table · SvelteDownload typed table rows and columns as a safe CSV file.
Animated Status Dotsv-particles · Svelte
Cta Twocnblocks · SvelteTwo-column CTA with text and action buttons
Pulsating ButtonAnimations (Svelte) · SvelteA button component with a pulsating ring effect that expands and fades around the button.
Auth Onesv-efferd · SvelteA centered auth entry screen with ambient particles and social sign-in actions.
Pagination Arrowsv-table · SvelteCompact arrow pagination for table footers.
Back Link Chevronsv-particles · Svelte
Login Threecnblocks · SvelteLogin form with social auth buttons
Rainbow ButtonAnimations (Svelte) · SvelteA button component with animated rainbow gradient borders and background that cycles through multiple colors.
Auth Threesv-efferd · SvelteA minimal single-column auth flow with brand header and stacked sign-in options.
Button With Iconsv-particles · Svelte
Logocloud Twocnblocks · SvelteInteractive logo cloud with hover call-to-action
Ripple ButtonAnimations (Svelte) · SvelteA button component with a ripple effect that appears on click, expanding from the click position.
Auth Twosv-efferd · SvelteA framed auth panel that combines email capture with side-by-side social login.
Cancel Savesv-particles · Svelte
Signup Threecnblocks · SvelteSignup form with social auth options
Shimmer ButtonAnimations (Svelte) · SvelteA button component with an animated shimmer effect that slides across the button surface.
Auth dividersv-efferd · Svelte
Card Style Buttonsv-particles · Svelte
Shiny ButtonAnimations (Svelte) · SvelteA button component with a shiny gradient mask effect that animates across the text on hover and press.
Chat Input With Voice And Send Buttonsv-particles · Svelte
Copy Buttonsv-particles · Svelte
Copy With Feedbacksv-particles · Svelte
Default Buttonsv-particles · Svelte
Destructive Buttonsv-particles · Svelte
Direction Pad Controlssv-particles · Svelte
Disabled Buttonsv-particles · Svelte
Extra Smallsv-particles · Svelte
Get Startedsv-particles · Svelte
Ghost Buttonsv-particles · Svelte
Hamburger Menusv-particles · Svelte
Iconsv-particles · Svelte
Largesv-particles · Svelte
Large Iconsv-particles · Svelte
Linksv-particles · Svelte
Link Buttonsv-particles · Svelte
Message Composer With Attachmentssv-particles · Svelte
Message Notificationsv-particles · Svelte
Outline Buttonsv-particles · Svelte
Pillsv-particles · Svelte
Print Buttonsv-particles · Svelte
Qr Code Signinsv-particles · Svelte
Rotating Togglesv-particles · Svelte
Secondary Buttonsv-particles · Svelte
Show More Less Togglesv-particles · Svelte
Smallsv-particles · Svelte
Small Iconsv-particles · Svelte
With Avatarsv-particles · Svelte