Dev Design LibrarySvelte Input Components
Dev Design Library indexes 94 Svelte input components from 6 open-source UI libraries, with the most coming from sv-particles, cnblocks, sv-efferd, sv-table and Animations (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.
Contact Onecnblocks · SvelteContact form with input fields and submit button
Spell Animated CheckboxAnimations (Svelte) · Svelte
Prompt InputAI Elements (Svelte) · SvelteA composable prompt input surface with attachments, action menus, and provider-driven text handling.
Auth Fivesv-efferd · SvelteA split-screen auth experience with animated background paths and broader provider options.
Data Table Faceted Filtersv-table · SvelteA searchable multi-select filter with live counts for categorical table columns.
Characters Remaining Countsv-particles · SvelteText input that shows how many characters are still left before the limit.
Contact Twocnblocks · SvelteTwo-column contact section with form and info
Spell Color SelectorAnimations (Svelte) · Svelte
Auth Foursv-efferd · SvelteA bordered auth layout with divider rails and a gentle email-first continuation flow.
Data Table Viewsv-table · SvelteA checkbox dropdown for toggling table column visibility.
With Character Countsv-particles · SvelteForm field that shows the number of characters typed out of the maximum.
Faq Fourcnblocks · SvelteFAQ section with search and categories
Spell Exploding InputAnimations (Svelte) · Svelte
Auth Onesv-efferd · SvelteA centered auth entry screen with ambient particles and social sign-in actions.
Date Range Filtersv-table · SvelteA responsive date-range picker with presets and explicit apply behavior.
Alpha Numericsv-particles · Svelte
Footer Fivecnblocks · SvelteFooter with newsletter signup and social links
Spell Label InputAnimations (Svelte) · Svelte
Auth Threesv-efferd · SvelteA minimal single-column auth flow with brand header and stacked sign-in options.
Debounce Inputsv-table · SvelteA search input with an optional delay for value changes.
Basic Inputsv-particles · Svelte
Forgot Password Onecnblocks · SvelteForgot password form with email input
Auth Twosv-efferd · SvelteA framed auth panel that combines email capture with side-by-side social login.
Header Checkboxsv-table · SvelteA select-all checkbox with support for an indeterminate state.
Basic Input Groupsv-particles · Svelte
Forgot Password Twocnblocks · SveltePassword reset form with side illustration
Contact Fivesv-efferd · SvelteA bordered contact card pairing essential details with a reusable message form.
Number Range Filtersv-table · SvelteA number range picker with exact inputs, an optional slider, and explicit apply behavior.
Basic Otpsv-particles · Svelte
Login Onecnblocks · SvelteSimple centered login form with inputs
Contact Foursv-efferd · SvelteA split contact form with direct support details and a structured inquiry panel.
Page Size Selectorsv-table · SvelteSelect the number of rows shown on each table page.
Button Using Groupsv-particles · Svelte
Login Threecnblocks · SvelteLogin form with social auth buttons
Contact Onesv-efferd · SvelteA compact contact strip with quick details framed by full-width dividers.
Row Checkboxsv-table · SvelteA controlled checkbox for selecting an individual table row.
Chat Input With Voice And Send Buttonsv-particles · Svelte
Login Twocnblocks · SvelteSplit login with side illustration
Contact Threesv-efferd · SvelteA full-page contact layout with detailed channels, office info, and social links.
Code Snippet With Language Selectorsv-particles · Svelte
Pricing Fourcnblocks · SvelteFour-tier pricing with toggle switch
Contact Twosv-efferd · SvelteA three-column contact hub for email, social DMs, and community support.
Disabledsv-particles · Svelte
Pricing Twocnblocks · SvelteTwo-column pricing with monthly/yearly toggle
Disabled Inputsv-particles · Svelte
Signup Onecnblocks · SvelteSimple centered signup form
End Iconsv-particles · Svelte
Signup Threecnblocks · SvelteSignup form with social auth options
End Loading Spinnersv-particles · Svelte
Signup Twocnblocks · SvelteSplit signup with side illustration
End Textsv-particles · Svelte
End Tooltipsv-particles · Svelte
File Inputsv-particles · Svelte
Full Tablesv-particles · Svelte
Input Group With Mimicking Url Barsv-particles · Svelte
Keyboard Shortcutsv-particles · Svelte
Loading Spinnersv-particles · Svelte
Masked Otp Fieldsv-particles · Svelte
Message Composer With Attachmentssv-particles · Svelte
Mini Editor Group Togglesv-particles · Svelte
Password Input Togglesv-particles · Svelte
Password Input With Strength Indicatorsv-particles · Svelte
Password Input With Strength Inidicatorsv-particles · Svelte
Pill Shapedsv-particles · Svelte
Readonly Inputsv-particles · Svelte
Search Input With Loader And Voicesv-particles · Svelte
Search Tablesv-particles · Svelte
Start And End Textsv-particles · Svelte
Start Loading Spinnersv-particles · Svelte
Start Textsv-particles · Svelte
Table With Row Selectionsv-particles · Svelte
With Auto Validationsv-particles · Svelte
With Badgesv-particles · Svelte
With Badge And Menusv-particles · Svelte
With Buttonsv-particles · Svelte
With Checkboxsv-particles · Svelte
With Checkbox Items As Switchessv-particles · Svelte
With Clear Buttonsv-particles · Svelte
With Custom Border Backgroundsv-particles · Svelte
With Custom Sanitizationsv-particles · Svelte
With Field Labelsv-particles · Svelte
With Icon Buttonsv-particles · Svelte
With Inner Labelsv-particles · Svelte
With Keyboard Shortcut Searchsv-particles · Svelte
With Labelsv-particles · Svelte
With Label And Required Indicatorsv-particles · Svelte
With Optional Labelsv-particles · Svelte
With Placeholdersv-particles · Svelte
With Radio Groupsv-particles · Svelte
With Searchsv-particles · Svelte
With Separatorsv-particles · Svelte
With Start Text End Tooltipsv-particles · Svelte
With Start Tooltipsv-particles · Svelte
With Textareasv-particles · Svelte
Libraries with Svelte input components
Related categories
- Input Components
- React Input Components
- Tailwind CSS Input Components
- React Native Input Components
- Animated Input Components
- shadcn/ui Input Components
- Svelte Text Input Components
- Svelte Form Field Components
- Svelte Form Components
- Svelte Login Form Components
- Svelte Signup Form Components
- Svelte Checkbox Components
- Svelte Search Input Components