Annnimate
Focus: gsap, animation library and react components. Shares ui components and copy paste with Shadcnblocks Vue. Rated 4.8 (Shadcnblocks Vue: 4.7).
WebsiteFree planWeb
4.8Visit
Website
Shadcnblocks Vue
The largest library of copy-paste Vue blocks and components built on shadcn/ui and Tailwind.
Rating
4.7 / 5
Pricing
Freemium
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Shadcnblocks Vue?
Shadcnblocks Vue is the largest UI library for Vue, shadcn/ui and Tailwind, offering 1,400+ copy-paste blocks and components for marketing sites, dashboards, ecommerce, portfolios, sidebars, heroes, pricing, testimonials and more. Each block is organized by category, archetype and price tier so developers and designers can quickly assemble polished Vue interfaces without designing from scratch.
Pros: what Shadcnblocks Vue does well
- 1,400+ ready-to-use Vue blocks and components
- Built on shadcn/ui and Tailwind
- Covers marketing, dashboard, ecommerce and portfolio patterns
Cons: where it falls short
- Vue-specific, so React or Svelte projects need a different library
- Some blocks require a paid Pro plan
Who Shadcnblocks Vue is for
Vue developers and designers who want to ship polished landing pages, dashboards and app UI faster by copying pre-built shadcn/ui blocks.
Who can skip it
Teams committed to React, Svelte or another framework, or projects that need fully custom designs not based on shadcn/ui.
Shadcnblocks Vue alternatives
Not sold on Shadcnblocks Vue? These do a similar job, and each card says what it has in common.
Web Artifacts Builder Skill
Focus: claude, claude skills and artifacts. Shares tailwind and frontend with Shadcnblocks Vue. An AI tool, not a website. Free (Shadcnblocks Vue: Freemium). Rated 4.8 (Shadcnblocks Vue: 4.7).
AI ToolFreeWeb
4.8Visit
Frontend Design Skill
Focus: claude, claude skills and frontend design. Shares developer tools with Shadcnblocks Vue. An AI tool, not a website. Free (Shadcnblocks Vue: Freemium). Rated 4.8 (Shadcnblocks Vue: 4.7).
AI ToolFreeWeb
4.8Visit
CSS Toggle Library
Focus: css, toggles and switches. Shares copy paste and frontend with Shadcnblocks Vue. Free (Shadcnblocks Vue: Freemium). Same 4.7 rating.
WebsiteFreeWeb
4.7Visit
23rd
Focus: shadcn registry, react components and svelte 5. Shares ui components and copy paste with Shadcnblocks Vue. Free (Shadcnblocks Vue: Freemium). Rated 4.6 (Shadcnblocks Vue: 4.7).
WebsiteFreeWeb
4.6Visit
Astryx Design System
Focus: react, stylex and open source. Shares design system with Shadcnblocks Vue. A framework, not a website. Free (Shadcnblocks Vue: Freemium). Rated 4.6 (Shadcnblocks Vue: 4.7).
FrameworkFreeWeb
4.6Visit
Free alternatives to Shadcnblocks Vue
Want to spend nothing? These free picks cover similar ground.
brag
Focus: launch video, cli and open source. Shares developer tools with Shadcnblocks Vue. A desktop app, not a website. Free (Shadcnblocks Vue: Freemium). Adds macOS, Linux and Windows. Rated 4.6 (Shadcnblocks Vue: 4.7).
Desktop AppFreemacOS, Linux
4.6Visit
Wake
Focus: ai agents, sessions and rust. Shares developer tools with Shadcnblocks Vue. A desktop app, not a website. Free (Shadcnblocks Vue: Freemium). Adds macOS, Windows and Linux. Rated 4.6 (Shadcnblocks Vue: 4.7).
Desktop AppFreemacOS, Windows
4.6Visit
Toolcraft
Focus: ai, design tools and open source. Shares developer tools with Shadcnblocks Vue. A framework, not a website. Free (Shadcnblocks Vue: Freemium). Rated 4.5 (Shadcnblocks Vue: 4.7).
FrameworkFreeWeb
4.5Visit
uncoverLAB
Focus: figma, ui design and website components. Shares design system and frontend with Shadcnblocks Vue. Free (Shadcnblocks Vue: Freemium). Rated 4.5 (Shadcnblocks Vue: 4.7).
WebsiteFreeWeb
4.5Visit
Forma Icon Creator
Focus: icon creator, app icons and svg export. Also in Personal Productivity and Workflows, like Shadcnblocks Vue. Free (Shadcnblocks Vue: Freemium). Same 4.7 rating.
WebsiteFreeWeb
4.7Visit
Figma to Code Skill
Focus: claude code, figma and figma to code. Shares frontend and developer tools with Shadcnblocks Vue. An AI tool, not a website. Free (Shadcnblocks Vue: Freemium). Rated 4.6 (Shadcnblocks Vue: 4.7).
AI ToolFreeWeb
4.6Visit
Are you the maker of Shadcnblocks Vue?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
New · updated daily
What people are actually doing with AI
Real use cases shared on Reddit, Hacker News, X, GitHub and blogs, summarised in plain words with a link to every original post.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.