#shadcn — Public Fediverse posts

📚 2-fly-4-ai/awesome-shadcnui

The largest list online of awesome things related to shadcn/ui

Curates a comprehensive collection of shadcn/ui resources including components libraries tools and examples

⭐ Stars: 554
📅 Last Update: Jul 29, 2026

https://github.com/2-fly-4-ai/awesome-shadcnui

#selfhosted #homelab #selfhost #selfhosting #opensource #shadcn/ui #react

Introducing shadcn/typeset, by (not on Mastodon or Bluesky):

https://web.archive.org/web/20260721200444/https://ui.shadcn.com/docs/changelog/2026-07-typeset?ref=frontenddogma.com

#releasenotes #shadcn

Introducing shadcn/typeset, by (not on Mastodon or Bluesky):

https://web.archive.org/web/20260721200444/https://ui.shadcn.com/docs/changelog/2026-07-typeset?ref=frontenddogma.com

#releasenotes #shadcn

Gsxui – Shadcn-style components for Go

https://ui.gsxhq.dev/

Comments: https://news.ycombinator.com/item?id=49039395

#HackerNews #Gsxui #Shadcn #Go #components #UI #development

Gsxui – Shadcn-style components for Go

https://ui.gsxhq.dev/

Comments: https://news.ycombinator.com/item?id=49039395

#HackerNews #Gsxui #Shadcn #Go #components #UI #development

📚 bytefer/awesome-shadcn-ui

A curated list of awesome things related to shadcn/ui.

Aggregates curated resources, SaaS starters, UI libraries, and templates for shadcn/ui, covering Next.js, Tailwind, and React ecosystems

⭐ Stars: 714
📅 Last Update: Jul 17, 2026

https://github.com/bytefer/awesome-shadcn-ui

#selfhosted #homelab #selfhost #selfhosting #opensource #shadcn/ui #curatedlist

We just launched a paid Shadcn /ui components kit for the @Sketch app

The entire design system is rebuilt using Stack Layout, Variables, and Shared Styles.

Design with the speed of code. ⚡️ Get it here:
https://www.whiteui.store/product/shadcn-sketch-ui

#Sketch #UIkit #shadcn #DesignSystem #madewithsketch

We just launched a paid Shadcn /ui components kit for the @Sketch app

The entire design system is rebuilt using Stack Layout, Variables, and Shared Styles.

Design with the speed of code. ⚡️ Get it here:
https://www.whiteui.store/product/shadcn-sketch-ui

#Sketch #UIkit #shadcn #DesignSystem #madewithsketch

Brainless: Shadcn components that look like Claude Code, Codex and Grok

https://brainless.swerdlow.dev

Comments: https://news.ycombinator.com/item?id=48926085

#HackerNews #Brainless #Shadcn #components #Claude #Code #Codex #Grok

Brainless: Shadcn components that look like Claude Code, Codex and Grok

https://brainless.swerdlow.dev

Comments: https://news.ycombinator.com/item?id=48926085

#HackerNews #Brainless #Shadcn #components #Claude #Code #Codex #Grok

Day 10: Chat is live! 💬

Hooked up #Peerix via data channels for #P2P messaging:

✅ Data channels established
💬 Peer messages syncing instantly
🔥 Seamless chat integration complete

Built with #ReactJS, #TailwindCSS & #shadcn in #ZedEditor.

#TypeScript #BuildInPublic #DevLog

🔧 Stack: #Nextjs dashboard, #Fastify event API, #Postgres for basic data, #ClickHouse for events, #Redis with #BullMQ for queues, #tRPC, #Tailwind and #Shadcn

📦 Self-hosting via #Docker Compose, #AGPL 3.0 license, ~5.9k stars, mostly #TypeScript

🌐 https://github.com/Openpanel-dev/openpanel

🔧 Stack: #Nextjs dashboard, #Fastify event API, #Postgres for basic data, #ClickHouse for events, #Redis with #BullMQ for queues, #tRPC, #Tailwind and #Shadcn

📦 Self-hosting via #Docker Compose, #AGPL 3.0 license, ~5.9k stars, mostly #TypeScript

🌐 https://github.com/Openpanel-dev/openpanel

Day 9: Media streaming is alive! 💥

Hooked up #Peerix for live #WebRTC streams:

📹 Remote video tiles rendering flawlessly
🎙️ Mic/cam toggles syncing instantly

Built with #ReactJS, #TailwindCSS & #shadcn in #ZedEditor.

Next: P2P text chat! 💬

#TypeScript #BuildInPublic #DevLog

Day 7: Expect the unexpected! ⚠️

Making the #P2P video app robust against real-world chaos:

🚫 Graceful error handling for blocked cam/mic permissions
🔑 Room joining logic fully wired up
🧩 Clean UI fallbacks for missing devices

#ReactJS #TypeScript #JavaScript #shadcn #TailwindCSS #BuildInPublic #DevLog

Day 6: Lights, camera, action! 🎥🎙️

Today, the #P2P video app gets local media streams! Wired up device inputs to the UI:

📹 Live camera capture & tile display
🎤 Mic audio capture & toggle sync
📱 Responsive header for sleek mobile navigation

Demo below 👇

#ReactJS #TypeScript #TailwindCSS #shadcn #ZedEditor #BuildInPublic #DevLog

Day 5: Video tiles 🎬

Tackling the hardest part of the #P2P video app UI yet! Here's what I'm packing into the layout:

👤 Name & Identicon
🎙️ Mic & Active speaker indicators
📱 Responsive tiles + pinning 📌

Building with #ReactJS, #TailwindCSS & #shadcn in #ZedEditor.

#TypeScript #BuildInPublic #DevLog

Shadcn/UI now defaults to Base UI instead of Radix

https://ui.shadcn.com/docs/changelog

#HackerNews #Shadcn #UI #Base #UI #Radix #Changelog #WebDevelopment

Shadcn/UI now defaults to Base UI instead of Radix

https://ui.shadcn.com/docs/changelog

#HackerNews #Shadcn #UI #Base #UI #Radix #Changelog #WebDevelopment

Day 2: Lobby view is alive! 🚪✨

Just built the "Join Room" interface for the #P2P video app using #ReactJS, #shadcn and #TailwindCSS.

What's working:
👤 User name input
🔑 Room ID display & Join action
🎤 Mic toggle + audio indicator & device selector
📹️ Camera toggle + live preview dropdown

Getting the media device selectors and the real-time audio level indicator smooth with the #AI agent in #ZedEditor felt useful.

Git: https://github.com/peerix-dev/peerix-talk

#DevLog #BuildInPublic #OpenSource

Day 2: Lobby view is alive! 🚪✨

Just built the "Join Room" interface for the #P2P video app using #ReactJS, #shadcn and #TailwindCSS.

What's working:
👤 User name input
🔑 Room ID display & Join action
🎤 Mic toggle + audio indicator & device selector
📹️ Camera toggle + live preview dropdown

Getting the media device selectors and the real-time audio level indicator smooth with the #AI agent in #ZedEditor felt useful.

Git: https://github.com/peerix-dev/peerix-talk

#DevLog #BuildInPublic #OpenSource

Learn how to build a real-time animated checkmark input using shadcn/ui and Framer Motion. Step-by-step guide with full code for React and Next.js developers. https://hackernoon.com/how-to-build-an-animated-checkmark-input-with-shadcnui #shadcn

Learn how to build a real-time animated checkmark input using shadcn/ui and Framer Motion. Step-by-step guide with full code for React and Next.js developers. https://hackernoon.com/how-to-build-an-animated-checkmark-input-with-shadcnui #shadcn

L’AI non sta uccidendo l’Opensource.
Sta mettendo in crisi il modo di monetizzare servizi trattati come scarsità.

Il punto vero è redistribuire valore a chi mantiene l’infrastruttura da cui tutti dipendiamo.

Ne parlo qui: https://marcoferrigno.net/ai-is-not-killing-open-source-it-is-breaking-the-way-some-people-monetize-it/

#ai #opensource #tailwind #shadcn #floss

L’AI non sta uccidendo l’Opensource.
Sta mettendo in crisi il modo di monetizzare servizi trattati come scarsità.

Il punto vero è redistribuire valore a chi mantiene l’infrastruttura da cui tutti dipendiamo.

Ne parlo qui: https://marcoferrigno.net/ai-is-not-killing-open-source-it-is-breaking-the-way-some-people-monetize-it/

#ai #opensource #tailwind #shadcn #floss

#Shadcn UI blocks, components, and templates
An open-source collection of production-ready Shadcn UI blocks, components, and templates for websites, admin dashboards and modern React web projects, built with #Tailwind #CSS and ready to copy-paste or install via the Shadcn CLI.

https://shadcnspace.com/

The Overcomplexity of the Shadcn Radio Button

https://paulmakeswebsites.com/writing/shadcn-radio-button/

#HackerNews #Overcomplexity #Shadcn #RadioButton #WebDevelopment #UIUX #Design

Как я потратил время и нервы на CRM для программистов и почему это никто не купил

Как всё начиналось Недавно я заметил такую штуку: знакомые фрилансеры и маленькие студии разработки частенько теряют заказы, да и организовано у них всё так себе. Сообщения находятся то в одном сайте, то в другом, программисты в Discord сервере, заказчики и прогрев в Telegram, но при этом ещё надо в какую-то CRM заходить и там ещё что-то тыкать щёлкать. В общем - мест много, запутанно всё и не удобно. Подумал: "А что если сделать CRM, которая работает ИЗ телеграма?" Клиент отправляет заказ боту, менеджеры видят в веб-интерфейсе, программисты предлагают цены, все получают уведомления. Всего два места, но при этом заказчику вообще не надо об этом думать, он в телеграмме, там где уже зарегистрирован. Красиво же? И я начал. Что получилось в итоге Спустя какое-то время величие было готово: - Telegram-бот на aiogram 3x — клиенты создают заказы через диалог, получают уведомления на каждом этапе - Веб-админка на SvelteKit — Kanban-доска с drag-and-drop, управление командой, чат с клиентами - tRPC + Drizzle ORM — type-safety от базы до фронта, никаких any - Система ролей — 10 granular permissions (модерация, назначение, чат, отправка платёжек) - Конкурентная система откликов — программисты предлагают цены, менеджер выбирает лучшую - SSE для реалтайм-чата — сообщения из CRM летят в Telegram клиенту мгновенно - Dragonfly кещ — Быстрый, drop-in compatible - Docker Compose — docker-compose up -d и всё работает Сам если честно был в шоке. Стек неплохой, код чистый, архитектура — песня. Конечно получилось не с первого раза, перед этим я страдал с фронтендом. Пробовал React 19 , и наборы компонентов, но всё же остановился на SvelteKit и shadcn Читать

https://habr.com/ru/articles/979684/

#shadcn #crmсистема #crm

shadcn-glass-ui: Glassmorphism поверх shadcn/ui без миграции

Привет, Хабр! Представляю shadcn-glass-ui — библиотеку React-компонентов с glassmorphism-эффектами, которая работает поверх существующих shadcn/ui проектов без миграции.

https://habr.com/ru/articles/979046/

#react #typescript #ui #glassmorphism #shadcn #tailwind #frontend #opensource #componentlibrary

the hipsters have re-invented bootstrap all over again
https://www.youtube.com/watch?v=aKPaxQJs-30
#css #shadcn #react #frontend

Первая в мире библиотека Web Components в духе shadcn. Серьёзно, я проверял

Первая в мире библиотека Web Components в духе shadcn/ui Насколько я проверил — это первая подобная библиотека для Web Components. Если ошибаюсь — поправьте в комментах! 🤓 Let's get it

https://habr.com/ru/articles/972038/

#webcomponents #ui #uikit #unstyled #библиотека_javascript #frontendразработка #webразработка #готовые_решения #javascript #shadcn

it gets better

https://ui.shadcn.com/docs/changelog#input-group

#ui #webdev #shadcn

finally!

https://ui.shadcn.com/docs/changelog#button-group

#shadcn #webdev #ui

I'm sorry #ShadcnUI, but Nuxt UI is *THE* interface library to beat.

It's incredible the amount of plumbing I have to do with #Shadcn just to add make a button "loading".

Seems like Nuxt UI values my time.

#Vue #JavaScript #TypeScript #UI #UX #UIUX #Interface #GraphicalInterface #UILibrary #Nuxt #NuxtUI #RekaUI #TailwindCSS #Tailwind #Frontend #FrontendDesign #Programming #Coding #Code #WebDevelopment #WebDev

This weekend I built a full stack application in TypeScript to track my cat feeding times, using @supabase, @nextjs and #shadcn UI components (find the app here: https://github.com/AstraBert/cat-feeding-app)
Once I finished building it, I decided I wanted to share my tips and tricks for creating full-stack applications from scratch as a backend developer, and that's how this blog post came to life: