Shadcn.io is not affiliated with official shadcn/ui
React Catppuccin Theme
Community-beloved warm pastel theme with developer-friendly aesthetics for React applications and tools
If you've customized your terminal, VS Code, or Neovim in the last few years, you've probably seen Catppuccin. This community-driven color scheme has become the de facto choice for developers who want something softer than Dracula but more interesting than default themes. Now those same carefully-balanced pastels—the warm rosewater, the soothing lavender, the distinctive flamingo pink—come to your entire React application. The palette uses oklch values that preserve Catppuccin's signature warmth while ensuring accessibility. Perfect for developer tools where users expect it, personal projects where you want that cozy aesthetic, documentation sites that need personality, or any Next.js app built by someone who configures their dotfiles. Dark mode is the star here, with the Mocha variant that Catppuccin fans know and love.
React Catppuccin Theme preview
Installation
Related Components
React Marshmallow Theme
Soft pink and lavender pastel theme with cloud-like comfort
React Pastel Dreams Theme
Ethereal multi-color pastel theme with dreamy gradients
React Bubblegum Theme
Vibrant candy pink and purple pastel theme with playful energy
React Soft Pop Theme
Balanced pastel theme with subtle vibrancy
FAQ
Was this page helpful?
Sign in to leave feedback.