Cards

87 components

cards0
React Bits Border Glow
A dark pricing card whose border glows in multicolour near the pointer, optionally animated.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0
cards0
React Aria Preview Trigger
Teammate mentions in release notes that show a profile preview popover on hover, focus or long press.
React Ariacardsinteractivepreview-triggerApache-2.0
cards0
Radix Hover Card
A profile preview card that opens when hovering or focusing a mention in a comment.
Radix Primitivesaccessiblehover-cardkeyboardMIT
cards0
Motion Primitives Tilt
An attributed Tilt card with strength, reverse and on/off controls plus reduced-motion support.
Motion Primitivesanimationinteractivemotion-primitivesMIT
cards0
Motion Primitives Spotlight
A dark feature card lit by a soft spotlight that follows the pointer.
Motion Primitivescardscompiled-cssinteractiveMIT
cards0
Motion Primitives Progressive Blur
A city photo whose chosen edge fades under a layered progressive blur, with the caption on that edge.
Motion Primitivescardscompiled-cssinteractiveMIT
cards0
Motion Primitives Glow Effect
A plan card with an animated colour glow behind it, in a locally chosen glow mode.
Motion Primitivescardscompiled-cssglow-effectMIT
cards0
Motion Primitives Border Trail
An attributed Border Trail card with local compiled CSS, speed controls, stop/start and reduced-motion support.
Motion Primitivescompiled-cssinteractivemotion-primitivesMIT
cards0
Material UI Paper
Paper surfaces at several elevations plus an outlined variant, with an elevation picker.
Material UIcardsinteractivematerial-uiMIT
cards0
Material UI Init Color Scheme Script
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.
Material UIcardsinteractivematerial-uiMIT
cards0
Material UI CSS Baseline
A plain form shown with and without ScopedCssBaseline normalising its styles.
Material UIcardscss-baselineinteractiveMIT
cards0
Material UI Container
Article content constrained by Container with a selectable maximum width.
Material UIcardscontainerinteractiveMIT
cards0
Material UI Card
A recipe card with header, content, actions and an expandable method section.
Material UIcardcardsinteractiveMIT
cards0
Material UI Box
A profile summary laid out with Box and the sx prop, with a compact spacing switch.
Material UIboxcardsinteractiveMIT
cards0
Mantine Paper
Paper surfaces with border, radius and shadow options for a pricing note.
MantinecardsinteractivemantineMIT
cards0
Mantine Container
A pricing note constrained by Container sizes, with a fluid option.
MantinecardscontainerinteractiveMIT
cards0
Mantine Center
An empty upload area whose prompt is centred with Center, inline or block.
MantinecardscenterinteractiveMIT
cards0
Mantine Card
A cabin listing card with an image section, badge, details and a booking action.
MantinecardcardsinteractiveMIT
cards0
Mantine Box
A promo card built from Box style props, with padding, tint and a featured modifier toggled locally.
MantineboxcardsinteractiveMIT
cards0
Mantine Background Image
A hero card with an inline background image and readable overlaid text.
Mantinebackground-imagecardsinteractiveMIT
cards0
Mantine App Shell
A static App Shell with a header, collapsible navbar and main area that switches pages locally.
Mantineapp-shellcardsinteractiveMIT
cards0
Magic UI Tweet Card
A styled tweet card rendered from a local, fictional tweet object, so nothing is fetched.
Magic UIcardscompiled-csseet-cardMIT
cards0
Magic UI Shine Border
An attributed Shine Border example with local compiled CSS, accessible controls and reduced-motion support.
Magic UIcompiled-cssinteractivemagic-uiMIT
cards0
Magic UI Neon Gradient Card
A pricing highlight card wrapped in an animated neon gradient border.
Magic UIcardscompiled-cssinteractiveMIT