Ready-to-use components curated and voted on by the community.
A dark pricing card whose border glows in multicolour near the pointer, optionally animated.
Teammate mentions in release notes that show a profile preview popover on hover, focus or long press.
A profile preview card that opens when hovering or focusing a mention in a comment.
An attributed Tilt card with strength, reverse and on/off controls plus reduced-motion support.
A dark feature card lit by a soft spotlight that follows the pointer.
A city photo whose chosen edge fades under a layered progressive blur, with the caption on that edge.
A plan card with an animated colour glow behind it, in a locally chosen glow mode.
An attributed Border Trail card with local compiled CSS, speed controls, stop/start and reduced-motion support.
Paper surfaces at several elevations plus an outlined variant, with an elevation picker.
The no-flash colour scheme script that InitColorSchemeScript renders on the server, shown as generated and run against a demo panel for a stored light, dark or system mode.
A plain form shown with and without ScopedCssBaseline normalising its styles.
Article content constrained by Container with a selectable maximum width.
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.
