React Cosmos

Note: React Server Components are now supported! Check out the Next.js integration to get started.

Sandbox for developing and testing UI components in isolation.

• Visual TDD. Develop one component at a time. Isolate the UI you're working on and iterate quickly. Refreshing your whole app on every change is slowing you down!
• Component library. Bookmark component states, from blank states to edge cases. Your component library keeps you organized and provides a solid foundation of test cases.
• Open platform. Integrate with Webpack, Vite, or any other bundler. Add snapshot or visual regression testing. Create custom decorators, UI controls, or server plugins.

🚀 Get started · Live demo · Documentation · Sponsor