home.social

#shadcn — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #shadcn, aggregated by home.social.

fetched live
  1. 📚 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

    github.com/2-fly-4-ai/awesome-

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

  2. 📚 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

    github.com/bytefer/awesome-sha

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

  3. 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:
    whiteui.store/product/shadcn-s

    #Sketch #UIkit #shadcn #DesignSystem #madewithsketch

  4. 🔧 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

    🌐 github.com/Openpanel-dev/openp

  5. 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: github.com/peerix-dev/peerix-t

    #DevLog #BuildInPublic #OpenSource

  6. 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. hackernoon.com/how-to-build-an #shadcn

  7. 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: marcoferrigno.net/ai-is-not-ki

    #ai #opensource #tailwind #shadcn #floss

  8. #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.

    shadcnspace.com/

  9. Как я потратил время и нервы на 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 Читать

    habr.com/ru/articles/979684/

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

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

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

    habr.com/ru/articles/979046/

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

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

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

    habr.com/ru/articles/972038/

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

  12. 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

  13. 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: github.com/AstraBert/cat-feedi)
    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: