Hacker News·30wShadCN Themes - Create Beautiful Themes for shadcn/ui
A theme gallery and customization tool for shadcn/ui that allows developers to browse, create, and export custom themes. Features include color customization with OKLCH color picker, font selection, design tokens, CSS variables, and one-click export functionality for React and Tailwind CSS projects.
Avijit Dey·31wTired of setting up Vite + React + Tailwind again and again?
create-vrtw is a CLI tool that automates the setup of React projects with Vite, offering built-in configuration for Tailwind v4 or Bootstrap 5, optional extras like React Router or Redux, and removes default boilerplate code. It works with npm, bun, pnpm, and yarn package managers.
Laravel News·31wLaravel Nuxt UI Starter Kit
A production-ready starter kit combining Laravel backend with Vue 3, Inertia.js v2, Nuxt UI components, and Tailwind CSS v4. Features zero configuration setup, complete authentication system, TypeScript support, and pre-configured developer tools including testing and linting. Can be installed via Laravel installer or Composer with all modern architecture patterns and best practices built-in.
stitcher.io·34wVendor locked
A developer reflects on becoming so dependent on Tailwind CSS that they've lost fluency in vanilla CSS. The article explores how Tailwind's naming conventions don't map one-to-one with CSS properties, creating a form of vendor lock-in where switching back to pure CSS feels foreign. The author appreciates Tailwind's component-based approach for keeping styles contained but wishes for a solution that maintains this workflow while using standard CSS syntax.
CyberVerse·31wTired of setting up Vite + React + Tailwind again and again?
A CLI tool called create-vrtw automates the setup of React projects with Vite, offering built-in support for Tailwind v4 or Bootstrap 5. It can install additional packages like React Router or Redux and removes default boilerplate code. The tool works with npm, bun, pnpm, and yarn package managers.
UX Planet·31wClaude For Code: How to use Claude to Streamline Product Design Process
Claude can accelerate UI design workflows through three key capabilities: converting design mockups into HTML/TailwindCSS prototypes for quick demos, transforming Figma component specifications into React components and CSS variables for design systems, and generating animation code using Framer Motion for micro-interactions. The tool bridges the gap between design and code, enabling designers to create functional prototypes and maintain design system consistency without deep coding expertise.