New update
The newest Tailwind v4 and shadcn/ui version is now supported in our Figma kit, Plugin and Pro Blocks!
shadcn
design
Components
Pro Blocks
Plugin
Templates
Resources
Docs
Updates
Roadmap
Help & Contact
Pricing
Pro Blocks
Buttons
Buttons
Interactive elements that trigger actions, available in multiple variants - built with shadcn/ui.
View blocks
Preview in Figma
Preview
Docs
Number stepper buttons
button-1
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=button-1&key=YOUR_LICENSE_KEY"
Get access in
Premium
Like button with count
button-2
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=button-2&key=YOUR_LICENSE_KEY"
Get access in
Premium
Button split dropdown
button-3
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=button-3&key=YOUR_LICENSE_KEY"
Get access in
Premium
Buttons group
button-4
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=button-4&key=YOUR_LICENSE_KEY"
Get access in
Premium
Social media buttons vertical stack
button-5
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=button-5&key=YOUR_LICENSE_KEY"
Get access in
Premium
Social media buttons horizontal stack
button-6
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=button-6&key=YOUR_LICENSE_KEY"
Get access in
Premium
Toggle buttons
button-7
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=button-7&key=YOUR_LICENSE_KEY"
Get access in
Premium
Bookmark button with count
button-8
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=button-8&key=YOUR_LICENSE_KEY"
Get access in
Premium
Steps buttons
button-9
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=button-9&key=YOUR_LICENSE_KEY"
Get access in
Premium
Menu button
button-10
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=button-10&key=YOUR_LICENSE_KEY"
Get access in
Premium
Pro Blocks are now fully supported in Figma Sites, allowing you to create responsive websites directly within Figma's new website builder.
Get access to coded Pro Blocks in our
Premium Package
Buy now