Arc UI
Animated React components and blocks for shadcn and Next.js, with docs your AI tools can read.
FrameworkFree planWeb
4.4Visit
Framework
Blocks.so
60+ free, open-source shadcn/ui blocks for React, Tailwind CSS and Next.js.
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Blocks.so?
Blocks.so offers more than 60 free shadcn/ui blocks and components built with React, Tailwind CSS and Next.js. You copy and paste accessible, ready-designed blocks such as heroes, forms and dashboards into your project. The project is open source.
Pros
- Ready-made blocks save layout time
- Accessible and copy-paste ready
- Free and open source
Cons
- Needs a shadcn/ui and Tailwind setup
- Blocks need styling to match your brand
Who should use Blocks.so
React developers building pages quickly with shadcn/ui.
Who may not need it
Projects not using React or Tailwind.
Blocks.so alternatives
Similar resources to Blocks.so, picked from the directory.
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkFreeWeb
4.6Visit
Toggles.dev
Beautiful open-source animated theme toggles for React, Svelte and Vue.
FrameworkFreeWeb
4.6Visit
Spectrum UI
Open-source animated React components and blocks for SaaS and AI apps.
FrameworkFreeWeb
4.5Visit
termcn
Beautiful, ready-to-use terminal UI components for React, installed with shadcn.
FrameworkFreeCross-Platform
4.5Visit
pdfcn
Beautiful PDF components for React, 100% free with zero config and one-command setup.
FrameworkFreeWeb, Cross-Platform
4.4Visit
Free alternatives to Blocks.so
Free resources that cover similar ground.
audiocn
169 copy-and-paste audio components for React and shadcn/ui.
FrameworkFreeWeb
4.3Visit
beUI
Free, open-source animated React components built with Motion and Tailwind CSS.
FrameworkFreeWeb
4.3Visit
Evil Charts
Free, open-source animated chart components for React and shadcn/ui.
FrameworkFreeWeb
4.3Visit
Web Artifacts Builder Skill
An official Claude skill for building elaborate React, Tailwind and shadcn/ui artifacts on claude.ai.
AI ToolFreeWeb
4.8Visit
Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
WebsiteFreeWeb
4.6Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteFreeWeb
4.5Visit
Are you the maker of Blocks.so?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Post for X
Blocks.so is now featured on Best Productivity Resources, a hand-picked directory of the best productivity tools: https://bestproductivityresources.com/resources/blocks-so?ref=maker
Post for LinkedIn
Happy to share that Blocks.so is now featured on Best Productivity Resources, a hand-picked directory of the best productivity tools. See the listing: https://bestproductivityresources.com/resources/blocks-so?ref=maker
Badge for your website or README
Paste this HTML into your site or README. The badge links back to this page.
<a href="https://bestproductivityresources.com/resources/blocks-so" target="_blank" rel="noopener" title="Featured on Best Productivity Resources"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>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
New tools and visual guides, every Monday.
One short email a week with the best new tools and websites, plus my latest visual guides. 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.