Collapsible

crenspire-glass-ui/collapsible

FreeComponent

An interactive component which expands/collapses a panel.

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/collapsible.json

Source

components/ui/glass/collapsible.tsxglass-ui.crenspire.com/r/collapsible.json

1"use client"
2 
3import * as React from "react"
4import {
5  Collapsible as BaseCollapsible,
6  CollapsibleContent,
7  CollapsibleTrigger,
8} from "@/components/ui/collapsible"
9 
10/**
11 * Glass UI Collapsible - Re-exported from base with glassy styling support
12 */
13export {
14  BaseCollapsible as Collapsible,
15  CollapsibleContent,
16  CollapsibleTrigger,
17}
18

What it pulls in

npm packages

@radix-ui/react-collapsible

Other registry items

collapsible

Files it writes

lib/utils.ts
lib/glass-utils.ts
lib/hover-effects.ts
app/globals.css
components/ui/glass/collapsible.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