Skills tagged: Tailwind CSS

• Frontend Next.js & Shadcn - Next.js and Shadcn UI Front-End Engineering Constraints

  Next.jsShadcn UITailwind CSSReact

  ★ 0 · Updated 2026-09-21

  Provides front-end engineering constraints and Apple-inspired design standards for React, Next.js App Router, Tailwind CSS, and Shadcn UI.

  ⚙ Set up Next.js App Router architecture⚙ Configure Tailwind CSS and CSS variables⚙ Integrate Shadcn UI components
• tailwindcss-framework-integration - Tailwind CSS Integration with React, Vue, Next.js & More

  Tailwind CSSReactVueNext.js

  ★ 38 · Updated 2026-06-30

  Provides per-framework setup steps, content configuration, dark-mode setup, and class-merging recipes for integrating Tailwind CSS into React, Vue, Next.js, Svelte, Angular, Astro, and Remix projects.

  ⚙ Install Tailwind CSS packages⚙ Configure Vite or PostCSS plugins⚙ Import Tailwind CSS stylesheet
• ckm:ui-styling - Build accessible UIs with shadcn/ui and Tailwind CSS

  UIshadcn/uiTailwind CSSaccessibility

  ★ 18 · Updated 2026-06-30

  Create accessible user interfaces using shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

  ⚙ install shadcn/ui components⚙ apply Tailwind CSS utility classes⚙ create responsive layouts
• dashboard-design - Design Effective Dashboards with KPI Cards, Data Tables and Real-Time Updates

  dashboard designUI componentsdata visualizationadmin panel

  ★ 602 · Updated 2026-06-30

  Design dashboards with clear layouts, KPI displays, sortable data tables, and real-time update patterns using React and Tailwind CSS.

  ⚙ design KPI card layouts⚙ create dashboard grid layouts⚙ build sortable data tables
• tailwindcss-effects - Tailwind CSS v4.1 Effects Utilities

  Tailwind CSSvisual effectsstylingCSS utilities

  ★ 27 · Updated 2026-06-30

  Add shadows, filters, masks and visual effects to elements

  ⚙ apply shadows⚙ set shadow colors⚙ apply inset shadows
• ckm:ui-styling - UI Styling with shadcn/ui & Tailwind

  UIstylingcomponentsTailwind CSS

  ★ 10 · Updated 2026-06-30

  Create accessible UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual designs

  ⚙ create UI components⚙ style interfaces⚙ build layouts
• shadcn-ui-expert - shadcn-ui React components expert

  ReactUI Componentsshadcn-uiTailwind CSS

  ★ 602 · Updated 2026-06-30

  Build accessible React components with shadcn-ui, Tailwind CSS, and Radix UI

  ⚙ Install shadcn-ui components⚙ Create form components⚙ Select UI components
• tailwind-shadcn-setup - Tailwind and shadcn/ui Setup for Next.js

  Tailwind CSSshadcn/uiNext.jsUI Components

  ★ 18 · Updated 2026-06-15

  Install and configure Tailwind CSS and shadcn/ui in Next.js projects

  ⚙ install Tailwind CSS⚙ configure Tailwind CSS⚙ initialize shadcn/ui
• ui-styling - Build Beautiful Accessible UIs with Shadcn and Tailwind

  UIstylingTailwind CSSshadcn/ui

  ★ 602 · Updated 2026-06-15

  Create beautiful, accessible UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual designs.

  ⚙ create user interfaces⚙ style with Tailwind CSS⚙ add accessible components
• ck:ui-styling - Shadcn/ui Component Styling with Tailwind CSS

  UI stylingshadcn/uiTailwind CSSresponsive design

  ★ 602 · Updated 2026-06-15

  Create accessible UI components and layouts with shadcn/ui, Tailwind CSS, and canvas-based design systems.

  ⚙ install shadcn/ui components⚙ add Tailwind CSS utilities⚙ configure dark mode themes
• portfolio-frontend-design - Portfolio Frontend Design System

  design systemfrontendReactTailwind CSS

  ★ 18 · Updated 2026-06-15

  Design system for creating portfolio UI with React and Tailwind

  ⚙ create UI components⚙ copy templates⚙ apply design tokens
• setup-design-system - Initialize accessible design systems with UI components

  design systemUI componentsTailwind CSSshadcn/ui

  ★ 8 · Updated 2026-05-28

  Initialize design systems or create UI components with accessibility, Tailwind/shadcn integration, and documentation.

  ⚙ verify feature branch⚙ assess current state⚙ set up design tokens
• figma - Bidirectional Figma Design Skill

  FigmaDesignVue 3shadcn-vue

  ★ 2 · Updated 2026-05-28

  Read Figma designs and write components, screens, and tokens back to Figma

  ⚙ get design context⚙ get variable definitions⚙ search design system
• setup-design-system - Initialize accessible design system

  design systemui componentsTailwind CSSaccessibility

  ★ 602 · Updated 2026-05-28

  Initialize or extend design system with accessible UI components, Tailwind/shadcn integration, and documentation.

  ⚙ verify feature branch⚙ assess current state⚙ create design tokens
• ai-website-builder - Create static websites with Vite + Tailwind

  static websiteViteTailwind CSSGitHub Pages

  ★ 0 · Updated 2026-05-28

  Helps non-technical users create and deploy static websites with Vite and Tailwind CSS

  ⚙ create website⚙ edit web pages⚙ update content
• ai-website-builder - AI Static Website Builder for Non-Technical Users

  web developmentstatic siteswebsite builderVite

  ★ 56 · Updated 2026-05-28

  Build and update static websites using Vite + Tailwind CSS

  ⚙ create website⚙ edit web pages⚙ update content
• 21st-ui - Browse and install React UI components and logos

  ReactNext.jsTailwind CSSUI Components

  ★ 1 · Updated 2026-03-24

  Browse, inspect, and install React UI components and brand SVG logos

  ⚙ browse UI components⚙ inspect components⚙ search brand logos
• code-architecture-tailwind-v4-best-practices - Tailwind CSS v4 Component Patterns Guide

  Tailwind CSScomponent architecturestylingconfiguration

  ★ 281 · Updated 2026-03-24

  Guides Tailwind CSS v4 component patterns and abstraction decisions

  ⚙ configure Tailwind v4 theme⚙ create button variants⚙ apply CSS-first configuration
• tailwind - Tailwind CSS v4 Best Practices Guide

  Tailwind CSSCSS frameworkperformance optimizationresponsive design

  ★ 57 · Updated 2026-03-23

  Provides 42 best practices across 8 categories for optimizing Tailwind CSS v4 build performance and code quality

  ⚙ configure Tailwind CSS v4⚙ write CSS-first styles⚙ optimize CSS bundle size
• redesign-my-landingpage - Build High-Converting Landing Pages

  landing pagefrontend developmentReactshadcn/ui

  ★ 141 · Updated 2026-03-23

  Build, critique, and iterate landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components

  ⚙ create navigation bar⚙ design hero section⚙ add social proof

Scroll to load more