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
Sign in
Sign in
Authentication forms for existing user login - built with shadcn/ui.
View blocks
Preview in Figma
Preview
Docs
Basic sign in form with an image
sign-in-1
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=sign-in-1&key=YOUR_LICENSE_KEY"
Get access in
Premium
Sign in with social providers
sign-in-2
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=sign-in-2&key=YOUR_LICENSE_KEY"
Get access in
Premium
Sign in with testimonial and background image
sign-in-3
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=sign-in-3&key=YOUR_LICENSE_KEY"
Get access in
Premium
Sign in form with large image on the left
sign-in-4
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=sign-in-4&key=YOUR_LICENSE_KEY"
Get access in
Premium
Sign in with a testimonial on a primary background
sign-in-5
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=sign-in-5&key=YOUR_LICENSE_KEY"
Get access in
Premium
Tabs with Log in and Create account forms
sign-in-6
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=sign-in-6&key=YOUR_LICENSE_KEY"
Get access in
Premium
Sign in with phone number verification
sign-in-7
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=sign-in-7&key=YOUR_LICENSE_KEY"
Get access in
Premium
Sign in card on a muted background
sign-in-8
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=sign-in-8&key=YOUR_LICENSE_KEY"
Get access in
Premium
Simple centered sign in form
sign-in-9
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=sign-in-9&key=YOUR_LICENSE_KEY"
Get access in
Premium
Sign in form in dialog
sign-in-10
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=sign-in-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