shadcn-tailwindBuild UIs with Tailwind CSS v4 and shadcn/ui. Covers CSS variables with OKLCH colors, component variants with CVA, responsive design, dark mode, and Tailwind...
Install via ClawdBot CLI:
clawdbot install tenequm/shadcn-tailwindGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://www.apache.org/licenses/Audited Apr 17, 2026 · audit v1.0
Generated May 5, 2026
Build a responsive, data-rich dashboard for internal analytics using shadcn/ui components and Tailwind v4 utility classes. Leverage semantic color tokens for dark mode support and container queries for adaptive layouts.
Develop a dynamic product listing page with variant buttons, responsive grid layouts, and accessible form controls. Use CSS variables to manage theme colors and ensure fast animations via targeted transitions.
Create a modern landing page with dark/light mode toggle, responsive typography, and interactive components like modals and toggles. Utilize CVA for consistent button variants across CTAs.
Implement a secure, accessible patient dashboard with form inputs and data tables. Enforce color contrast using OKLCH-based semantic tokens and respect user reduced-motion preferences.
Build a reusable component library with Radix UI primitives, shadcn/ui styling patterns, and CSS-first configuration. Use @theme inline for dynamic theming and document variants via CVA.
Offer the shadcn/ui patterns and Tailwind config as open source, while selling premium component sets, full-page templates, or custom theme packages for subscription or one-time fees.
Provide UI/UX consulting services to businesses that want to adopt shadcn/tailwind for their products, including migration from v3, theme setup, and component customization.
Host a marketplace where developers sell proprietary shadcn/ui-compatible components, with a revenue share model. Offer a free tier for basic components and subscription for premium collections.
💬 Integration Tip
When integrating shadcn-tailwind into an existing project, migrate any tailwind.config.js to CSS-first @theme directives and replace old plugins with @plugin imports to ensure compatibility with Tailwind v4.
Scored Apr 19, 2026
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...