Ready-to-use components curated and voted on by the community.
A recipe card with header, content, actions and an expandable method section.
A profile summary laid out with Box and the sx prop, with a compact spacing switch.
Paper surfaces with border, radius and shadow options for a pricing note.
A pricing note constrained by Container sizes, with a fluid option.
An empty upload area whose prompt is centred with Center, inline or block.
A cabin listing card with an image section, badge, details and a booking action.
A promo card built from Box style props, with padding, tint and a featured modifier toggled locally.
A hero card with an inline background image and readable overlaid text.
A static App Shell with a header, collapsible navbar and main area that switches pages locally.
A styled tweet card rendered from a local, fictional tweet object, so nothing is fetched.
An attributed Shine Border example with local compiled CSS, accessible controls and reduced-motion support.
A pricing highlight card wrapped in an animated neon gradient border.
Horizontal team-logo marquee with pause, direction and reduced-motion controls.
A pricing card whose border and spotlight gradient follow the pointer.
A premium membership card that sweeps a glare across its surface on hover.
A client-side tweet card that loads a tweet through react-tweet and shows a skeleton or a not-found card; the preview loads a local, fictional tweet from a data URL, so nothing is fetched from the network.
An attributed Border Beam example with local compiled CSS, accessible controls and reduced-motion support.
A bento grid of feature cards whose call to action slides in on hover or focus.
An album cover with a soft coloured backlight glow whose blur changes locally.
Notification panels on HeroUI surfaces whose variant switches locally.
A plan Card with header, title, description, content and footer action.
A site Footer with link groups, a divider and a copyright line.
A plan Card with a heading, description and a local upgrade action.
A membership card that tilts in 3D under the pointer, with a local plan switch.