#shadcn — Public Fediverse posts

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

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

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

The Overcomplexity of the Shadcn Radio Button

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

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

Công cụ CLI nhỏ giúp tích hợp xác thực vào dự án Next.js hiện có, không cần dùng template. Hỗ trợ NextAuth, Google/GitHub, đường dẫn bảo vệ và component từ shadcn/ui. Mã nguồn mở, đang cần phản hồi từ lập trình viên. Đánh giá sao nếu bạn thích!
#NextAuth #NextJS #CLI #OpenSource #WebDevelopment #shadcn #DevTool #LậpTrình #XácThực #MãNguồnMở

https://stackpatch.darshitdev.in/

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

Первая в мире библиотека 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

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

templUI – The UI Kit for templ (CLI-based, like shadcn/UI)

https://templui.io/

#HackerNews #templUI #templ #UI #Kit #CLI #shadcn #UI #design #tools

• 🧩 Connect to external tools through SSE and stdio transports—enhancing AI capabilities
• 🛠️ Configure multiple #MCP servers including #Composio and #Zapier for extended functionality
• 📱 Modern UI with #shadcn components and #TailwindCSS for responsive design

This week in #FDroid (TWIF) is live, but boring. Yes, the cycles run and run, yes 9 new apps are now included, yes 138 more updated. But as things go, with unattended updates, it's all background noise.

What's special? It's the week of UI rewrites:
* #Auxio got #MaterialDesign
* #BadgeMagic is now #Flutter powered
* #Spotube is now #shadcn UI themed

Enjoy: https://f-droid.org/2025/03/13/twif.html

Decentralized Browser #Chat: Connect Anywhere, Anytime 👻

🔒 Fully #decentralized and serverless chat extension powered by #WebRTC technology for end-to-end encrypted communication

👤 Anonymous chatting with local data storage, prioritizing user #privacy and security

🌐 Available as extension for #Chrome, #Edge, and #Firefox browsers through official web stores

💻 Built with modern tech stack including #remesh for DDD implementation, #shadcn for UI, and #wxt for extension development

🎯 Transforms any website into an instant chat room with simple ghost icon interface

🔄 #Opensource project under MIT license, leveraging #WebRTC for peer-to-peer communication

https://github.com/molvqingtai/WebChat

Как сделать интерактивную панель для отправки SMS

Сегодня разработаем панель, через которую сможем отправлять SMS сразу нескольким адресатам, получать их ответы и видеть статистику по отправленным сообщениям через календарь и график. Будем использовать Next.js, Shadcn для интерфейса и

https://habr.com/ru/companies/exolve/articles/857992/

#nextjs #shadcn/ui #smsсервис #sms_api #typescript #статистика #интерактивная_панель

🔧 #FormBuilder: A dynamic web form creation tool for seamless form management in web applications

• 🎨 Built with #React and #Nextjs, featuring server-side rendering for optimal performance and #SEO optimization

• ✨ Key features include real-time validation using #Zod library, responsive design with #TailwindCSS, and customizable #ShadCN components

• 🔄 Supports various input types: text fields, checkboxes, radio buttons, and more with real-time validation and user-friendly feedback

• 💻 Complete #opensource solution with detailed documentation and easy installation process

• 🛠️ Includes comprehensive API for form submission handling and extensive component customization options

Source: https://github.com/hasanharman/form-builder

🔨 #Cofounder launches in early alpha, offering full-stack generative web application development:
• 🎯 Generates complete backend, database, and stateful web apps using #AI technology
• 💻 Built with #React and #Vite, featuring integrated mockup designer and modular design systems
• 🛠️ Simple installation via NPX command: `npx @openinterface/cofounder`
• 🔄 Includes local development environment with dashboard at localhost:667
• 🎨 Supports multiple design systems including #Figma renders, Google Material, and #shadcn

Key features coming soon:
• 📱 Support for #ReactNative, #Flutter, and additional web frameworks
• 🔍 Code optimization and automated review
• 🎮 Admin interface for event streams
• 🚀 Browser-based development environment

Source: https://github.com/raidendotai/cofounder

[Перевод] Анатомия shadcn/ui

Если вы следите за новинками экосистемы JavaScript, то должны были слышать об интересной библиотеке пользовательского интерфейса (user interface, UI) под названием shadcn/ui . Вместо того, чтобы распространяться в виде пакета npm , компоненты shadcn/ui добавляются с помощью интерфейса командной строки (command line interface, CLI), который помещает исходный код компонентов непосредственно в ваш проект. Разработчик библиотеки указывает причину такого решения на официальном сайте shadcn/ui . "Почему код для копирования/вставки, а не библиотека? Идея заключается в том, что вы полностью владеете и контролируете код. Это позволяет вам решать, как именно будут построены и оформлены ваши компоненты. Начните с настроек по умолчанию, а затем кастомизируйте компоненты под свои нужды. Используя пакет npm, можно наткнуться на один недостаток — стиль всегда связан с реализацией. Дизайн компонентов должен быть отделен от их реализации". На самом деле, shadcn/ui — это не просто очередная библиотека компонентов, а технология, позволяющая представить дизайн-систему в виде кода. Цель этой статьи — немного изучить архитектуру и реализацию shadcn/ui . Если вы еще не использовали shadcn/ui , я советую просмотреть ее документацию и немного поэкспериментировать с ней, чтобы извлечь из статьи максимальную пользу.

https://habr.com/ru/companies/timeweb/articles/781346/

#timeweb_статьи_перевод #shadcn/ui #tailwindcss #react_table #react_hook_form #radix_ui #reactjs #reactjs #react #js #css #design_system #дизайнсистема