pdfcn
Beautiful PDF components for React, 100% free with zero config and one-command setup.
FrameworkWorkflowsWeb, Cross-PlatformFree
4.4Visit
Framework
Toggles.dev
Beautiful open-source animated theme toggles for React, Svelte and Vue.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
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
- Beautiful animated toggles
- Works with React, Svelte and Vue
- Install via shadcn/ui, npm or copy the source
Cons
- Focused on theme toggles only
- Requires a component-based frontend setup
Who should use Toggles.dev
Frontend developers who want a polished animated theme toggle in minutes.
Who may not need it
People not building web interfaces.
Toggles.dev alternatives
Similar resources to Toggles.dev, picked from the directory.
OpenUI
An open standard for streaming generative user interfaces.
FrameworkWorkflowsWeb, Cross-PlatformFree
4.7Visit
Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
WebsiteWorkflowsWebFree
4.6Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
Motion (motion.dev)
Fast, production-grade animation library for React, JavaScript and Vue.
FrameworkWorkflowsWebFree
4.7Visit
React Bits
Animated UI components for React.
FrameworkWorkflowsWebFree
4.7Visit
Free alternatives to Toggles.dev
Free resources that cover similar ground.
Astryx Design System
An open-source design system that is fully customizable and agent ready.
FrameworkWorkflowsWebFree
4.6Visit
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkWorkflowsWebFree
4.6Visit
Kokonut UI
100+ free, open-source UI components for React and Tailwind CSS.
FrameworkWorkflowsWebFree
4.6Visit
Transitions.dev
Essential UI transitions for web apps, built to use with AI coding agents.
FrameworkWorkflowsWebFree
4.5Visit
Storybook
Frontend workshop for building UI components and pages in isolation.
FrameworkWorkflowsWebFree
4.7Visit
microcharts
Word-sized charts for React.
WebsiteWorkflowsWebFree
4.5Visit
Featured on Best Productivity Resources
Made Toggles.dev? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/toggles-dev" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>