shadcn.io
Pill Button
/
Default
Svelte
UI library:
Ark UI
Preview
Code
Install
Docs
1 / 3
pill-button/default.svelte
pill-button/index.ts
pill-button/pill-button.svelte
pill-button/shared.ts
Part of Pro
Pro unlocks the code and one-line install of every Pro button and text effect, plus the MCP for your AI editor.
26 Pro buttons
87 Pro text effects
90 Pro backgrounds
81 Pro shaders
Every framework
The MCP
Get Pro
Sign in
Have Pro already? Sign in to open it.
Opens here as soon as you're Pro.
shadcn-svelte
Prompt
Manual
Part of Pro
Pro unlocks the code and one-line install of every Pro button and text effect, plus the MCP for your AI editor.
26 Pro buttons
87 Pro text effects
90 Pro backgrounds
81 Pro shaders
Every framework
The MCP
Get Pro
Sign in
Have Pro already? Sign in to open it.
Opens here as soon as you're Pro.
shadcn-svelte
Prompt
Manual
Adds it with what it uses. Then paste the demo from the
Code tab
.
Previous
Neon Button · Lit
Next
Color