pdfcn
Focus: pdf, components and documents. Shares react and shadcn with Toggles.dev. Rated 4.4 (Toggles.dev: 4.6).
FrameworkFreeWeb, Cross-Platform
4.4Visit
Framework
Toggles.dev
Beautiful open-source animated theme toggles for React, Svelte and Vue.
Rating
4.6 / 5
Pricing
Free
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Toggles.dev?
Toggles.dev is a gallery of open-source animated theme toggle components for React, Svelte and Vue — install with shadcn/ui or npm, or copy the source directly.
Pros: what Toggles.dev does well
- Beautiful animated toggles
- Works with React, Svelte and Vue
- Install via shadcn/ui, npm or copy the source
Cons: where it falls short
- Focused on theme toggles only
- Requires a component-based frontend setup
Who Toggles.dev is for
Frontend developers who want a polished animated theme toggle in minutes.
Who can skip it
People not building web interfaces.
Toggles.dev alternatives
Not sold on Toggles.dev? These do a similar job, and each card says what it has in common.
OpenUI
Focus: generative ui, framework and streaming. Shares open source and react with Toggles.dev. Rated 4.7 (Toggles.dev: 4.6).
FrameworkFreeWeb, Cross-Platform
4.7Visit
Keyline Icons
Focus: icons, svg and design. Shares react and shadcn with Toggles.dev. A website, not a framework. Same 4.6 rating.
WebsiteFreeWeb
4.6Visit
shadercn
Focus: shaders, webgpu and wgsl. Shares react and shadcn with Toggles.dev. A website, not a framework. Rated 4.5 (Toggles.dev: 4.6).
WebsiteFreeWeb
4.5Visit
Motion (motion.dev)
Focus: animation, javascript and framer motion. Shares react and vue with Toggles.dev. Rated 4.7 (Toggles.dev: 4.6).
FrameworkFreeWeb
4.7Visit
React Bits
Focus: ui components, animations and effects. Shares react and open source with Toggles.dev. Rated 4.7 (Toggles.dev: 4.6).
FrameworkFreeWeb
4.7Visit
Free alternatives to Toggles.dev
Want to spend nothing? These free picks cover similar ground.
Astryx Design System
Focus: design system, stylex and components. Shares react and open source with Toggles.dev. Same 4.6 rating.
FrameworkFreeWeb
4.6Visit
Coded Visuals
Focus: animated visuals, landing pages and marketing. Shares react and shadcn with Toggles.dev. Same 4.6 rating.
FrameworkFreeWeb
4.6Visit
Kokonut UI
Focus: ui components, tailwind and nextjs. Shares react and open source with Toggles.dev. Same 4.6 rating.
FrameworkFreeWeb
4.6Visit
Transitions.dev
Focus: ui, transitions and animation. Shares react and open source with Toggles.dev. Rated 4.5 (Toggles.dev: 4.6).
FrameworkFreeWeb
4.5Visit
Storybook
Focus: ui development, components and testing. Shares react and vue with Toggles.dev. Rated 4.7 (Toggles.dev: 4.6).
FrameworkFreeWeb
4.7Visit
microcharts
Focus: charts, sparklines and svg. Shares react and open source with Toggles.dev. A website, not a framework. Rated 4.5 (Toggles.dev: 4.6).
WebsiteFreeWeb
4.5Visit
Are you the maker of Toggles.dev?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.