Skip to content
shadcn.sealambda.com

@toggles

Promising 76/100 · #63 of 342 scored

Animated dark/light mode toggles

@toggles is a shadcn UI community registry. Its source repository is AlfieJones/theme-toggles , which has 807 GitHub stars, 25 forks and 4 contributors. The last commit was 7d ago (62 commits in the last 90 days). The latest release is @theme-toggles/vue@1.0.2. It scores 76/100 on Sealambda's maturity index, placing it in the Promising tier.

Scoring

Maturity breakdown

76 / 100 · Promising
0avoid · 305080 · reliable100
Maintenance ×35% 89 → +31.0

last commit 8d ago · 62 commits/90d · solo maintainer

Popularity ×20% 80 → +16.1

807★ · 25 forks

Community ×20% 47 → +9.4

4 contributors · bus factor 1 · 2 watching

Responsiveness ×13% 100 → +13.0

13/13 issues closed (100%)

Hygiene ×12% 22 → +2.7

no license · 28% health files

Signals

Repository facts

807
Stars
25
Forks
4
Contributors
1
Bus factor
0
Open issues
13
Closed issues
62
Commits (90d)
TypeScript
Language
none
License
@theme-toggles/vue@1.0.2
Latest version
9
Releases
7d ago
Last commit
Classification

License, pricing and purpose

License
No license
No license: No license: all rights reserved.
Access
No license
No license in the repository: the code is all rights reserved, even when it is free to view.
Purpose
A collection of animated dark and light mode toggle components for React, Vue, and Svelte.
Commercial model
Free
Everything the project offers is free to use, with no paid tier. Donations and sponsorships do not count as paid.
Tied to a service
No
Yes when the components are a client for a commercial API or service.
Scope
Domain-specific
Focused on one problem area, such as charts, AI chat, an editor, a status page or payments; an app adds it for that feature only.
Domains
Animation, Theming
Animation: Animated components, motion effects and transitions. Theming: Themes, color systems, fonts and theme generators.
Design
Distinct look
Has its own visual language that no longer reads as shadcn/ui, such as neobrutalism, retro pixel art, glassmorphism or skeuomorphism.
Coverage
0%
Share of shadcn/ui core primitives that the registry ships.

Evidence

  • “Browse open-source animated theme toggle components for React, Svelte, and Vue. Install with shadcn/ui, npm, or copy the source.”
    commercial · homepage ↗
  • “Drop-in animated toggles for React, Svelte, and Vue.”
    scope · homepage ↗
  • “Theme Toggles Animated theme toggles for React, Vue, and Svelte.”
    domains · readme ↗
  • “classic → around → dark inner → dark side → eclipse → expand → spin → half sun → horizon → inner moon → lightbulb → light switch → simple → within”
    design · homepage ↗

AI-suggested by google/gemini-3.8-flash@Google AI Studio on 2026-10-02

Usage

Install

Add components from this registry with the shadcn CLI (configure the registry URL in your components.json):

pnpm dlx shadcn@latest add @toggles/[component]

endpoint: https://toggles.dev/r/{name}.json

README

Embed the maturity badge

Add a live maturity badge to your README:

@toggles shadcn maturity badge

[![shadcn maturity](https://shadcn.sealambda.com/badge/toggles.svg)](https://shadcn.sealambda.com/registry/toggles/)
Related

Other Promising registries

← all registries