weekendsuperhero-io/sistine
weekendsuperhero.ioFreerepo only
Who doesn't Like a little stained glass?
Items
71
2026-08-03Every entry in its own registry.json, counted last night.Free to install
71
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
7 days ago
0 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | A vertically stacked set of interactive headings that each reveal a section of content. | Components | Free | 5 deps · 4 files | |
| Alertalert | Displays a callout for user attention with optional glass material. | Components | Free | 3 deps · 4 files | |
| Alert Dialogalert-dialog | A modal dialog that interrupts the user with important content and expects a response. | Components | Free | 4 deps · 4 files | |
| Auto Foregroundauto-foreground | Sets --foreground / --muted-foreground from an OKLCH ramp so text contrast tracks light/dark automatically. Configure declaratively via props (palette, start, ramp) or a persisted config; re-applies on theme change. | Components | Free | no deps | |
| Avataravatar | An image element with a fallback for representing the user. | Components | Free | 4 deps · 4 files | |
| Badgebadge | Displays a badge or a component that looks like a badge, with the glass material system. | Components | Free | 4 deps · 4 files | |
| Breadcrumbbreadcrumb | Displays the path to the current resource using a hierarchy of links. | Components | Free | 5 deps · 4 files | |
| Buttonbutton | Displays a button or a component that looks like a button, with the glass material system. | Components | Free | 4 deps · 4 files | |
| Button Groupbutton-group | A group of buttons, with the glass material system. | Components | Free | 4 deps · 4 files | |
| Calendarcalendar | A date field component that allows users to enter and edit date. | Components | Free | 5 deps · 4 files | |
| Canvas Backgroundcanvas-background | Full-screen animated canvas background that recolors with the live glass tint — gradient, lava, or circle styles driven by the OKLCH ramps. | Components | Free | no deps | |
| Cardcard | Displays a card with optional glass material. | Components | Free | 3 deps · 4 files | |
| Carouselcarousel | An items-driven carousel, with the glass material system — pass slides as children (no compound CarouselContent/Item/Next/Previous/API parts). | Components | Free | 4 deps · 4 files | |
| Chartchart | Chart components built with Recharts with optional glass material. | Components | Free | 4 deps · 4 files | |
| Checkboxcheckbox | A control that allows the user to toggle between checked and not checked with optional glass material. | Components | Free | 5 deps · 4 files | |
| Collapsiblecollapsible | An interactive component which expands/collapses a panel. | Components | Free | 4 deps · 4 files | |
| Commandcommand | Fast, composable, unstyled command menu for React. | Components | Free | 6 deps · 4 files | |
| Context Menucontext-menu | A context menu component, with the glass material system. | Components | Free | 5 deps · 4 files | |
| Croppercropper | An image cropper component with optional glass material. | Components | Free | 4 deps · 4 files | |
| Date Picker Inputdate-picker-input | A date picker input component, with the glass material system. | Components | Free | 5 deps · 4 files | |
| Dialogdialog | A window overlaid on either the primary window or another dialog window, rendering the content underneath inert. | Components | Free | 5 deps · 4 files | |
| Drawerdrawer | A drawer component for mobile with optional glass material. | Components | Free | 4 deps · 4 files | |
| Dropdown Menudropdown-menu | Displays a menu to the user — such as a set of actions or functions — triggered by a button with optional glass material. | Components | Free | 5 deps · 4 files | |
| Empty Stateempty-state | An empty state component, with the glass material system. | Components | Free | 3 deps · 4 files | |
| Gradient Backgroundgradient-background | A ramp-driven gradient wallpaper that recolors with the live glass tint, and lays a fresco preset (sistine/muse/aurora/gloaming) multi-hue palette across the gradient. Pure CSS, crisp at any DPI. | Components | Free | no deps | |
| Gradient Textgradient-text | Fills text with a gradient via background-clip. Defaults to the theme's --gradient-text (follows the live glass tint) and falls back to a fixed brand gradient standalone. | Components | Free | no deps | |
| Hover Cardhover-card | For sighted users to preview content available behind a link. | Components | Free | 4 deps · 4 files | |
| Inputinput | Displays a form input field with optional glass material. | Components | Free | 3 deps · 4 files | |
| Input Groupinput-group | A group of inputs, with the glass material system. | Components | Free | 3 deps · 4 files | |
| Input OTPinput-otp | Accessible one-time password component with copy paste functionality. | Components | Free | 5 deps · 4 files | |
| Labellabel | Renders an accessible label associated with controls. | Components | Free | 4 deps · 4 files | |
| Menu Barmenu-bar | A menu bar component, with the glass material system. | Components | Free | 3 deps · 4 files | |
| Mode Togglemode-toggle | A theme switcher component with optional glass material. Requires a next-themes ThemeProvider (uses useTheme) — wrap your app or swap in your own theme store. | Components | Free | 5 deps · 4 files | |
| Navigation Menunavigation-menu | A collection of links for navigating websites. | Components | Free | 5 deps · 4 files | |
| Paginationpagination | Pagination with page navigation with optional glass material. | Components | Free | 4 deps · 4 files | |
| Popoverpopover | Displays rich content in a portal, triggered by a button with optional glass material. | Components | Free | 4 deps · 4 files | |
| Radio Groupradio-group | A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time with optional glass material. | Components | Free | 5 deps · 4 files | |
| Readable Textreadable-text | APCA contrast guard: renders text in an accent color while it stays readable on the current glass surface, and swaps to a readable foreground otherwise. Reactive to the live glass tint and light/dark. | Components | Free | no deps | |
| Resizableresizable | Resizable panel groups and handles with a glassy grip, built on react-resizable-panels. | Components | Free | 5 deps · 2 files | |
| Scroll Areascroll-area | Augments native scroll functionality for custom, cross-browser styling. | Components | Free | 4 deps · 4 files | |
| Selectselect | Displays a list of options for the user to pick from—triggered by a button with optional glass material. | Components | Free | 5 deps · 4 files | |
| Separatorseparator | Visually or semantically separates content with optional glass material. | Components | Free | 4 deps · 4 files | |
| Sheetsheet | Extends the Dialog component to display content that complements the main content of the screen. | Components | Free | 5 deps · 4 files | |
| Sidebarsidebar | A sidebar component with optional glass material. | Components | Free | 5 deps · 4 files | |
| Skeletonskeleton | Use to show a placeholder while content is loading with optional glass material. | Components | Free | 3 deps · 4 files | |
| Sliderslider | An input where the user selects a value from within a given range. | Components | Free | 4 deps · 4 files | |
| Sonnersonner | An opinionated toast component for React. | Components | Free | 5 deps · 4 files | |
| Spinnerspinner | A loading spinner component, with the glass material system. | Components | Free | 3 deps · 4 files |
Blocks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Authenticationauthentication | Login form with glassmorphism effects. | Blocks | Free | no deps | |
| Background Controllerbackground-controller | Site-wide animated background system — a provider + segmented switcher driving CSS gradient, JS canvas, and pure-CSS pattern backdrops (dots, grid, mesh, starfield, synthwave/moonrise horizons, Pac-Man chase, and more) that recolor with the live glass tint and accent. Exposes density, speed, accent, and a themed "none" base-color. | Blocks | Free | 3 deps · 6 files | |
| Calendarcalendar-block | Calendar view with events and scheduling. | Blocks | Free | 1 dep | |
| Chartchart-block | Beautiful charts with bar, line, and area visualizations. | Blocks | Free | 1 dep | |
| Dashboarddashboard | Complete dashboard layout with stats, charts, and navigation. | Blocks | Free | 2 deps | |
| Data Tabledata-table | Sortable, filterable table with pagination on the glass Table. | Blocks | Free | 2 deps | |
| Forgot Passwordforgot-password | Password reset form. | Blocks | Free | 1 dep | |
| Sign Upsignup | Registration form with validation. | Blocks | Free | no deps |
Hooks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| use-mobileuse-mobile | React hook that tracks whether the viewport is below the mobile breakpoint (768px). | Hooks | Free | no deps |
Themes
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Glass Themetheme | The Sistine glass design system: OKLCH color tokens, glass surface variables (frosted, crystal), the runtime tint system, and animations. Adopt the look without pulling components. | Themes | Free | 1 dep |
Utilities
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Canvas Background Utilscanvas-background-utils | Ramp-driven canvas background engine: createCanvas({ color, style, ramp, steps, angle, speed }) renders gradient / lava / circle styles from the OKLCH ramps. | Utilities | Free | no deps | |
| Gradient Utilsgradient-utils | Generate random, aesthetically balanced gradients in the OKLCH color space and render them to CSS. | Utilities | Free | no deps | |
| Hover Effectshover-effects | Shared CVA hover-effect variants (glow, shimmer, ripple, lift, scale) for any component. | Utilities | Free | 1 dep | |
| Material Systemmaterial | The Sistine material system: the Material type, glassMaterial() (material + axis props to data-material/classes), and glassVars() (typed per-element CSS-variable knobs). | Utilities | Free | no deps | |
| OKLCH Utilsoklch-utils | Zero-dependency helpers for parsing, formatting, and manipulating OKLCH colors (hue wrapping, chroma clamping, ramps). | Utilities | Free | no deps | |
| Theme Generatortheme-generator | Generate light/dark theme CSS (including glass-effect variables) from a set of base colors. | Utilities | Free | no deps |
