# Shadcn UI

shadcn/ui is a set of accessible UI components and a code distribution platform with a schema and command-line tool for distributing components.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## My Frontend Stack In 2026

DevFeed: [My Frontend Stack In 2026](<https://devfeed.tech/articles/my-frontend-stack-in-2026-18115.md>)

Original publisher: [Read original article](<https://thetshaped.dev/p/my-frontend-stack-in-2026-react-nextjs-pnpm-vite-ts-tailwind-storybook-tanstack-zustand-zod-oxlint-oxfmt-msw-vitest-playright-sentry>)

Author: The T-Shaped Dev

Published: 2026-05-23T02:19:53Z

Content type: opinion

Language: en

Sources: [The T-Shaped Dev](<https://devfeed.tech/sources/the-t-shaped-dev.md>)

Topics: [Front end](<https://devfeed.tech/topics/frontend.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [Vite](<https://devfeed.tech/topics/vite.md>), [React](<https://devfeed.tech/topics/react.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Shadcn UI](<https://devfeed.tech/topics/shadcn-ui.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Single-page application (SPA)](<https://devfeed.tech/topics/spa.md>), [Server-side rendering](<https://devfeed.tech/topics/server-side-rendering.md>)

Tags: [2026](<https://devfeed.tech/tags/2026.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [ssr](<https://devfeed.tech/tags/ssr.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [tailwind-css](<https://devfeed.tech/tags/tailwind-css.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [vite](<https://devfeed.tech/tags/vite.md>)

### AI overview

An opinionated overview of a 2026 frontend stack for production applications. The author describes choosing Next.js for content-heavy sites, Vite with React and TypeScript for internal tools and single-page applications, pnpm for package management, and Tailwind CSS with shadcn/ui for styling and components.

### Source excerpt

The tools I actually reach for when building production apps, from framework to the moment a user hits a bug.

## Adding a Checkout to Your v0 App: Next.js + Dodo Payments

DevFeed: [Adding a Checkout to Your v0 App: Next.js + Dodo Payments](<https://devfeed.tech/articles/adding-a-checkout-to-your-v0-app-next-js-dodo-payments-9565.md>)

Original publisher: [Read original article](<https://dodopayments.com/blogs/add-checkout-v0-nextjs-app/>)

Author: Ayush Agarwal

Published: 2026-03-21T00:00:00Z

Content type: tutorial

Language: en

Sources: [Dodo Payments Blog](<https://devfeed.tech/sources/dodo-payments-blog.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [Vibe coding](<https://devfeed.tech/topics/vibe-coding.md>), [React](<https://devfeed.tech/topics/react.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Shadcn UI](<https://devfeed.tech/topics/shadcn-ui.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [Back end](<https://devfeed.tech/topics/backend.md>), [Generative AI](<https://devfeed.tech/topics/generative-ai.md>)

Tags: [backend](<https://devfeed.tech/tags/backend.md>), [css](<https://devfeed.tech/tags/css.md>), [developer-tools](<https://devfeed.tech/tags/developer-tools.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [integration](<https://devfeed.tech/tags/integration.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [payment-processing](<https://devfeed.tech/tags/payment-processing.md>), [payments](<https://devfeed.tech/tags/payments.md>), [react](<https://devfeed.tech/tags/react.md>), [shadcn-ui](<https://devfeed.tech/tags/shadcn-ui.md>), [vibe-coding](<https://devfeed.tech/tags/vibe-coding.md>)

### AI overview

A guide to adding Dodo Payments overlay checkout and webhook handling to a v0-generated Next.js application. It explains the gap between v0's frontend generation and the backend logic needed for payment sessions, tax handling, subscriptions, and webhooks.

### Source excerpt

Learn how to add payment processing to v0-generated Next.js apps with Dodo Payments. Complete guide with overlay checkout integration and webhook setup.

## Vercel Open Source Program: Winter 2026 cohort

DevFeed: [Vercel Open Source Program: Winter 2026 cohort](<https://devfeed.tech/articles/vercel-open-source-program-winter-2026-cohort-786.md>)

Original publisher: [Read original article](<https://vercel.com/blog/vercel-open-source-program-winter-2026-cohort>)

Author: Alli Pope

Published: 2026-03-17T13:00:00Z

Content type: article

Language: en

Sources: [Vercel News](<https://devfeed.tech/sources/vercel-news.md>)

Topics: [Open Source](<https://devfeed.tech/topics/open-source.md>), [Vercel](<https://devfeed.tech/topics/vercel.md>), [online privacy](<https://devfeed.tech/topics/online-privacy.md>), [OpenAPI Specification](<https://devfeed.tech/topics/openapi.md>), [React](<https://devfeed.tech/topics/react.md>), [React Native](<https://devfeed.tech/topics/react-native.md>), [Shadcn UI](<https://devfeed.tech/topics/shadcn-ui.md>), [Web](<https://devfeed.tech/topics/web.md>), [Android](<https://devfeed.tech/topics/android.md>), [Canvas](<https://devfeed.tech/topics/canvas.md>), [Framer Motion](<https://devfeed.tech/topics/framer-motion.md>), [Large Language Model](<https://devfeed.tech/topics/llm.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [agents](<https://devfeed.tech/tags/agents.md>), [ai](<https://devfeed.tech/tags/ai.md>), [ai-agents](<https://devfeed.tech/tags/ai-agents.md>), [android](<https://devfeed.tech/tags/android.md>), [browser](<https://devfeed.tech/tags/browser.md>), [components](<https://devfeed.tech/tags/components.md>), [framer](<https://devfeed.tech/tags/framer.md>), [hub](<https://devfeed.tech/tags/hub.md>), [llm](<https://devfeed.tech/tags/llm.md>), [online-privacy](<https://devfeed.tech/tags/online-privacy.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [openapi](<https://devfeed.tech/tags/openapi.md>), [react-native](<https://devfeed.tech/tags/react-native.md>), [scale](<https://devfeed.tech/tags/scale.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [vercel](<https://devfeed.tech/tags/vercel.md>), [vue](<https://devfeed.tech/tags/vue.md>)

### AI overview

Vercel introduces the winter 2026 cohort of its Open Source Program, highlighting projects that receive resources, credits, and support. The cohort includes tools and projects spanning AI-native applications, developer infrastructure, design systems, creative tooling, privacy, Android connectivity, and web development.

### Source excerpt

In April, we launched the Vercel Open Source Program to give maintainers the resources, credits, and support they need to ship faster and scale confidently. The first group joined through our spring 2025 cohort. Today we are welcoming the winter 2026 cohort. From AI-native apps and developer infrastructure to design systems and creative tooling, open source builders continue to amaze us. Meet the creators and explore their projects. Winter 2026 Cohort Answer Overflow Answer Overflow is an open source project that makes the content sent in public Discord servers accessible to search engines and AI agents. Over 300+ communities use Answer Overflow to create web pages from their Discord content and it serves 1.5 million monthly active users. Creator: Rhys Sullivan View the project View GitHub Repository UI TripleD UI TripleD offers UI blocks, components, and full pages in shadcn/ui and Base UI, powered by Framer Motion, with a Landing Builder, Background Builder, and Grid Generator. Creator: Moumen Soliman View the project View GitHub repository hot-updater An open source React Native OTA (Over-The-Air) update solution built as a modern alternative to CodePush, designed to avoid vendor lock-in and work across many infrastructure providers. Creator: Kang Sungyu View the project View GitHub repository Screenshot Studio Screenshot Studio is an open source, fully in-browser canvas editor for creating high-quality visual designs without installs or backend dependencies, with real traction and an active contributor community. Creator: Kartik Labhshetwar View the project View GitHub repository Takumi JSX -> Image. A next/og alternative with more advanced features, with growing adoption across companies and open source projects. Creator: Kane Wang View the project View GitHub repository APIs.guru A directory and tooling hub for OpenAPI definitions of public APIs, used by thousands of developers and increasingly by LLM-driven workflows. Creator: Ivan Goncharov View the project V

## Building the Tools You Wish You Had. The Artisan of the Day Is Mohamed Charrafi.

DevFeed: [Building the Tools You Wish You Had. The Artisan of the Day Is Mohamed Charrafi.](<https://devfeed.tech/articles/building-the-tools-you-wish-you-had-the-artisan-of-the-day-is-mohamed-charrafi-3600.md>)

Original publisher: [Read original article](<https://laravel.com/blog/building-the-tools-you-wish-you-had-the-artisan-of-the-day-is-mohamed-charrafi>)

Author: Ana Tavares

Published: 2025-09-20T15:12:39Z

Content type: article

Language: en

Sources: [Laravel Blog](<https://devfeed.tech/sources/laravel-blog.md>)

Topics: [Laravel](<https://devfeed.tech/topics/laravel.md>), [Livewire](<https://devfeed.tech/topics/livewire.md>), [Developer experience](<https://devfeed.tech/topics/developer-experience.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [Shadcn UI](<https://devfeed.tech/topics/shadcn-ui.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Vue.js](<https://devfeed.tech/topics/vue.md>)

Tags: [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [developers](<https://devfeed.tech/tags/developers.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [laravel](<https://devfeed.tech/tags/laravel.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [programming](<https://devfeed.tech/tags/programming.md>), [shadcn-ui](<https://devfeed.tech/tags/shadcn-ui.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [vue](<https://devfeed.tech/tags/vue.md>)

### AI overview

Mohamed Charrafi discusses turning personal development problems into open-source tools for the Laravel ecosystem. The article highlights SheafUI, a Laravel and Livewire component library inspired by shadcn/ui, and Converge, an open-source documentation framework. Charrafi also describes learning by studying framework source code and iterating rapidly.

### Source excerpt

Mohamed Charrafi, creator of SheafUI and Converge, shares how solving his own problems turned into open-source projects, raising the bar for Laravel developers.

## Supabase UI: Platform Kit

DevFeed: [Supabase UI: Platform Kit](<https://devfeed.tech/articles/supabase-ui-platform-kit-682.md>)

Original publisher: [Read original article](<https://supabase.com/blog/supabase-ui-platform-kit>)

Author: Saxon Fletcher

Published: 2025-07-14T07:00:00Z

Content type: release

Language: en

Sources: [Supabase Blog](<https://devfeed.tech/sources/supabase-blog.md>)

Topics: [Supabase](<https://devfeed.tech/topics/supabase.md>), [Shadcn UI](<https://devfeed.tech/topics/shadcn-ui.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Database](<https://devfeed.tech/topics/database.md>), [Authentication](<https://devfeed.tech/topics/authentication.md>), [paas and iaas](<https://devfeed.tech/topics/paas-and-iaas.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [cloud-computing](<https://devfeed.tech/topics/cloud-computing.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [api](<https://devfeed.tech/tags/api.md>), [authentication](<https://devfeed.tech/tags/authentication.md>), [components](<https://devfeed.tech/tags/components.md>), [database](<https://devfeed.tech/tags/database.md>), [infrastructure](<https://devfeed.tech/tags/infrastructure.md>), [library](<https://devfeed.tech/tags/library.md>), [platform](<https://devfeed.tech/tags/platform.md>), [shadcn-ui](<https://devfeed.tech/tags/shadcn-ui.md>), [solutions](<https://devfeed.tech/tags/solutions.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

Supabase is releasing Platform Kit, a set of Supabase UI Library components for building platforms on top of Supabase. The kit includes database, storage, authentication, and AI components, and supports customizable shadcn/ui and Tailwind CSS styling.

### Source excerpt

We are launching new components in the Supabase UI Library that makes it incredibly easy to build platforms on top of Supabase.

## Top 10 Launches of Launch Week 14

DevFeed: [Top 10 Launches of Launch Week 14](<https://devfeed.tech/articles/top-10-launches-of-launch-week-14-421.md>)

Original publisher: [Read original article](<https://supabase.com/blog/launch-week-14-top-10>)

Author: Wen Bo Xie

Published: 2025-04-04T07:00:00Z

Content type: article

Language: en

Sources: [Supabase Blog](<https://devfeed.tech/sources/supabase-blog.md>)

Topics: [Supabase](<https://devfeed.tech/topics/supabase.md>), [MCP](<https://devfeed.tech/topics/mcp.md>), [Model Context Protocol](<https://devfeed.tech/topics/model-context-protocol.md>), [dashboards](<https://devfeed.tech/topics/dashboards.md>), [Databases](<https://devfeed.tech/topics/databases.md>), [SQL](<https://devfeed.tech/topics/sql.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Latency](<https://devfeed.tech/topics/latency.md>), [Shadcn UI](<https://devfeed.tech/topics/shadcn-ui.md>), [Claude](<https://devfeed.tech/topics/claude.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [Docker](<https://devfeed.tech/topics/docker.md>)

Tags: [claude](<https://devfeed.tech/tags/claude.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [cursor](<https://devfeed.tech/tags/cursor.md>), [data](<https://devfeed.tech/tags/data.md>), [errors](<https://devfeed.tech/tags/errors.md>), [integration](<https://devfeed.tech/tags/integration.md>), [latency](<https://devfeed.tech/tags/latency.md>), [launch](<https://devfeed.tech/tags/launch.md>), [load-balancer](<https://devfeed.tech/tags/load-balancer.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [mcp-server](<https://devfeed.tech/tags/mcp-server.md>), [openai](<https://devfeed.tech/tags/openai.md>), [release](<https://devfeed.tech/tags/release.md>), [shadcn-ui](<https://devfeed.tech/tags/shadcn-ui.md>), [sql](<https://devfeed.tech/tags/sql.md>), [stripe](<https://devfeed.tech/tags/stripe.md>), [third-party](<https://devfeed.tech/tags/third-party.md>), [tooling](<https://devfeed.tech/tags/tooling.md>)

### AI overview

Supabase highlights ten launches from Launch Week 14, including dashboard-based Edge Function deployment, scalable database-triggered Realtime Broadcast, routing Data API requests to the nearest read replica, a Supabase UI Library, an official MCP server, declarative database schemas, Clerk Auth integration, and a Postgres Language Server. The supplied text does not include the full details of the final launches.

### Source excerpt

Highlights from Launch Week 14

## ethereum.org Cycle 1 Roadmap Adopts Six-Week Shape Up Development Cycles

DevFeed: [ethereum.org Cycle 1 Roadmap Adopts Six-Week Shape Up Development Cycles](<https://devfeed.tech/articles/from-quarters-to-cycles-accelerating-ethereum-org-17132.md>)

Original publisher: [Read original article](<https://blog.ethereum.org/en/2025/01/23/cycle-1-ethereum-org>)

Author: Digital Studio

Published: 2025-01-23T00:00:00Z

Content type: article

Language: en

Sources: [Ethereum Foundation Blog](<https://devfeed.tech/sources/ethereum-foundation-blog.md>)

Topics: [Website](<https://devfeed.tech/topics/website.md>), [Development](<https://devfeed.tech/topics/development.md>), [Documentation](<https://devfeed.tech/topics/documentation.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Shadcn UI](<https://devfeed.tech/topics/shadcn-ui.md>), [web design](<https://devfeed.tech/topics/web-design.md>)

Tags: [cycles](<https://devfeed.tech/tags/cycles.md>), [design](<https://devfeed.tech/tags/design.md>), [development](<https://devfeed.tech/tags/development.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [ethereum-org](<https://devfeed.tech/tags/ethereum-org.md>), [shadcn-ui](<https://devfeed.tech/tags/shadcn-ui.md>), [ui](<https://devfeed.tech/tags/ui.md>), [ui-components](<https://devfeed.tech/tags/ui-components.md>), [web-design](<https://devfeed.tech/tags/web-design.md>), [website-design](<https://devfeed.tech/tags/website-design.md>)

### AI overview

ethereum.org describes its first Shape Up cycle, using six-week build periods followed by two-week cooldowns. The roadmap covers interactive educational content, audio support, native Web3 features, documentation updates, translation improvements, Shadcn UI migration, server components, and related ecosystem projects.

### Source excerpt

We're evolving how we build ethereum.org. Starting January 20th, we've adopted Shape Up cycles - focused 6-week build periods followed by 2-week cooldowns. For Cycle 1, each project below will ship by the end of February - no automatic rollovers to next cycle. Quick point of clarification: this is...