Dev tools · alternatives · 2026
24 alternatives to shieldcn
hey hn! been working on a small side project called shieldcn and just added a badge builder + community showcase. the shieldcn project was so well recieved and I got some great feedback, so coming here in hopes I get more. https://www.shieldcn.dev/showcase the idea is just to make badges that feel a bit more like real UI instead of the usual shields style ones you can mess around with styles, icons, themes and share whatever you make still super early so mostly trying to figure out if this is actually useful or if i'm missing something obvious if anything feels off or…
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
21st.dev▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
2025 · 21st.dev · its alternatives →
- 2
Shadcnblocks▲361The ultimate block set for shadcn/ui, Tailwind, and React
Nov 2025 · shadcnblocks.com · its alternatives →
- 3HB
Get your public IP address instantly. Simple, fast, and reliable API for developers.
2021 · hnbadges.netlify.app · its alternatives →
- 4
Croct▲387We just launched Croct Templates, a way to drop CMS-powered components into your app with a single command. It's like Shadcn, but for CMS, AB testing and personalization: * Built-in support for A/B testing, content editing, and dynamic logic * Works with existing projects (Next.js, React, etc.) * Supports community libraries via `npm://`, `shadcn-ui://`, etc. Example: ```bash npx croct@latest use shadcn-ui://block/pricing-page ``` Happy to answer any questions!
2025 · croct.com · its alternatives →
- 5

React component for a visual way to create UIs
2024 · github.com · its alternatives →
- 6
ShadcnDesign▲55Use this shadcn theme generator to create a shadcn/ui theme from one primary color. Preview live, then copy ready CSS for Tailwind v4 with light and dark mode
Feb 2026 · shadcndesign.com · its alternatives →
- 7

Hey, I built https://ShadcnThemer.com - a web app for creating and sharing themes for shadcn/ui, made with my some of my favorites, Next.js 15, Tailwind CSS 4, Drizzle ORM, and Supabase. The goal was to make it easy to visually design shadcn color themes, preview them live across various example UIs, and export them straight into your projects (as CSS or via the shadcn CLI registry command). I had a bit of experience going into this because I built the Theme Studio for VS Code in the past, but it was fun using a modern stack and leveraging Cursor to help me along the way this…
Oct 2025 · shadcnthemer.com · its alternatives →
- 8

http://www.hnshowcase.com Moses (nnythm) and I browse Hacker News daily. Show HN posts are some of our favorite parts of HN. We wanted to create a way to browse Show HN articles, even those that might not quite make it to the front page. We created http://www.hnshowcase.com last weekend to make discovering projects posted on HN easier. It searches all "Show HN" posts and generates a thumbnail view for each of them. You can sort by submission date, points, and number of comments, and navigate with left/right or j/k keys. We used the following technologies: HN Search API, Pyramid web…
2011 · hnshowcase.com · its alternatives →
- 9

Shields.io: Quality metadata badges for open source project
2016 · shields.io · its alternatives →
- 10BS
Basecoat ports the upcoming shadcn/ui v4 [1] to plain HTML + Tailwind (no React): - Live demo & documentation: https://basecoatui.com - MIT‑licensed and free: https://github.com/hunvreus/basecoat/ - Works with any backend (Flask, Django, Rails, PHP, etc.) or static site. - Fully theme‑compatible with shadcn/ui [2]. - Uses a sliver of Alpine.js only for a few interactive bits (e.g. combobox). Swap in your own JS if you prefer. - Dead simple to use, just drop in a class here and there: Click me Why I built it: after moving from a Next.js stack back…
2025 · its alternatives →
- 11

- 12

Around this time a year ago, I forked and built Simple Badges on top of the Simple Icons website. Existing projects on this often try to manually maintain a single, huge Markdown file containing pre-assembled Shields.io badges for people to pick. They usually require constant manual effort to follow upstream updates and may lack some icons as a result. Simple Badges automatically tracks upstream icon updates, provides a badge preview page that easy to navigate, and makes it easy to get all four styles of badges in Markdown or HTML img format. If you happen to be refurbishing your profile -…
2022 · badges.pages.dev · its alternatives →
- 13
PixelBlock▲117Just got around to updating this to support MV3. Has been featured on HN a few times. I make this in my spare time to support user privacy. Free extension (has been for years). Mods: Would be awesome if this could hit front page so people can benefit
2014 · chromewebstore.google.com · its alternatives →
- 14SI
2022 · supershields.io · its alternatives →
- 15

I figured, "what better way to look at a list of (hopefully) inspiring projects?" The upvotes work and are globally synced.
2024 · guycombinator.net · its alternatives →
- 16
FoundersWall▲35I used to be just a blogger. Now I build internet products, still without code, using AI, design, and taste. I was building in public on X for last 2 months. And honestly, I got tired of how it became performative and started to feel fake. I shipped 2 products. Both failed to get any real traction. I kept sneaking into popular builders’ profiles, hoping to learn how they do it. One thing I kept seeing everywhere, product launch directories. I thought here is the scope. So I started building one. Same UI like the rest. Nothing special. Suddenly one day when it was half built, I realized…
2025 · founderswall.com · its alternatives →
- 17

Accelerate development with 1000+ Awesome Shadcn UI Component Library, Blocks, UI Kits, Boilerplates, Templates & Themes with Base UI, Radix UI & AI Tools.
2025 · shadcnstudio.com · its alternatives →
- 18

- 19

The palette on the official docs is a little limited. I added some more themes with funky names and I provide the code to copy/paste into your globals.css file. Let me know if there's anything you'd like to see.
2024 · shadcncolors.com · its alternatives →
- 20
cult / ui▲23Open source components crafted for design engineers
2024 · cult-ui.com · its alternatives →
- 21

We created an infinite wall of UI components that makes finding visual inspiration for your next interface fun. UI Components are organized by category, including hero sections, navigation bars, forms, cards, testimonials, footers, and many more. Each component is not just a pretty mockup! You can instantly preview it, open it in the visual editor, and export clean, editable code. Compatible with Tailwind CSS, Bootstrap, Bulma, and shadcn/ui. Export formats include HTML, JSX, TSX, Pug, Laravel, and Next.js. I'd love your feedback! What parts feel strong, what feels off, and what else…
2025 · shuffle.dev · its alternatives →
- 22

I got fed up with endless PR reviews and the constant fear of missing a security bug, so I built Shieldcode. What it does: - Scans new pull requests for bugs and vulnerabilities automatically - Comments directly on GitHub with clear, actionable feedback - Works out of the box with no complex setup required Next up: NPM VScan, which will check your npm dependencies on every push for vulnerabilities or malware. I’d love to hear your thoughts and feedback! https://shieldcode.space
2025 · shieldcode.space · its alternatives →
- 23

Found some abstractions in the Shadcn UI react component library and put sliders to them. Curated some google fonts. Realized I could generate an entire Next app for download in a server action. Hoping to build something which saves people time makes more unique looking apps.
2024 · dizzy.systems · its alternatives →
- 24

All the essential shadcn/ui components and blocks for Figma
Dec 2025 · shadcncraft.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →