Table
crenspire-glass-ui/tableFreeComponent
A responsive table 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/table.jsonSource
1"use client"23import * as React from "react"4import {5 Table as BaseTable,6 TableBody,7 TableCaption,8 TableCell,9 TableFooter,10 TableHead,11 TableHeader,12 TableRow,13} from "@/components/ui/table"14import { cn } from "@/lib/utils"1516export interface TableProps extends React.ComponentProps<typeof BaseTable> {17 glow?: boolean18}1920/**21 * Glass UI Table - Enhanced table with glassy effects22 */23export const Table = React.forwardRef<HTMLTableElement, TableProps>(24 ({ className, variant = "glass", glow = false, ...props }, ref) => {25 return (26 <BaseTable27 ref={ref}28 variant={variant}29 className={cn(30 glow && "shadow-lg shadow-purple-500/20",31 className32 )}33 {...props}34 />35 )36 }37)38Table.displayName = "Table"3940export {41 TableHeader,42 TableBody,43 TableFooter,44 TableHead,45 TableRow,46 TableCell,47 TableCaption,48}49
What it pulls in
Other registry items
Files it writes
More from crenspire/glass-ui
All 49 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| 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 |
