Mode Toggle

crenspire-glass-ui/mode-toggle

FreeComponent

A theme switcher component with optional glassy variant.

Live preview

live · rendered by the registry

Rendered by crenspire/glass-ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://glass-ui.crenspire.com/r/mode-toggle.json

Source

components/ui/glass/mode-toggle.tsxglass-ui.crenspire.com/r/mode-toggle.json

1"use client"
2 
3import * as React from "react"
4import { ModeToggle as BaseModeToggle } from "@/components/ui/mode-toggle"
5 
6/**
7 * Glass UI Mode Toggle - Re-exported from base with glassy styling
8 */
9export { BaseModeToggle as ModeToggle }
10

What it pulls in

npm packages

lucide-react
next-themes

Other registry items

button
mode-toggle

Files it writes

lib/utils.ts
lib/glass-utils.ts
lib/hover-effects.ts
app/globals.css
components/ui/glass/mode-toggle.tsx

More from crenspire/glass-ui

All 49 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	crenspire/glass-ui	Components	Free	2 deps · 5 files
Alertalert	crenspire/glass-ui	Components	Free	no deps · 5 files
Alert Dialogalert-dialog	crenspire/glass-ui	Components	Free	1 dep · 5 files
Avataravatar	crenspire/glass-ui	Components	Free	1 dep · 5 files
Badgebadge	crenspire/glass-ui	Components	Free	no deps · 5 files
Breadcrumbbreadcrumb	crenspire/glass-ui	Components	Free	2 deps · 5 files
Buttonbutton	crenspire/glass-ui	Components	Free	1 dep · 5 files
Button Groupbutton-group	crenspire/glass-ui	Components	Free	no deps · 5 files