Cards
87 components
- Horizontal team-logo marquee with pause, direction and reduced-motion controls. Magic UI, Cards, 0 votes, MIT licencecards0
Magic UI Marquee
Horizontal team-logo marquee with pause, direction and reduced-motion controls.
Magic UIcompiled-cssinteractivemagic-uiMIT - A pricing card whose border and spotlight gradient follow the pointer. Magic UI, Cards, 0 votes, MIT licencecards0
Magic UI Magic Card
A pricing card whose border and spotlight gradient follow the pointer.
Magic UIcardscompiled-cssgic-cardMIT - A premium membership card that sweeps a glare across its surface on hover. Magic UI, Cards, 0 votes, MIT licencecards0
Magic UI Glare Hover
A premium membership card that sweeps a glare across its surface on hover.
Magic UIcardscompiled-cssglare-hoverMIT - 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. Magic UI, Cards, 0 votes, MIT licencecards0
Magic UI Client Tweet Card
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.
Magic UIcardscompiled-cssient-tweet-cardMIT - An attributed Border Beam example with local compiled CSS, accessible controls and reduced-motion support. Magic UI, Cards, 0 votes, MIT licencecards0
Magic UI Border Beam
An attributed Border Beam example with local compiled CSS, accessible controls and reduced-motion support.
Magic UIcompiled-cssinteractivemagic-uiMIT - A bento grid of feature cards whose call to action slides in on hover or focus. Magic UI, Cards, 0 votes, MIT licencecards0
Magic UI Bento Grid
A bento grid of feature cards whose call to action slides in on hover or focus.
Magic UIcardscompiled-cssinteractiveMIT - An album cover with a soft coloured backlight glow whose blur changes locally. Magic UI, Cards, 0 votes, MIT licencecards0
Magic UI Backlight
An album cover with a soft coloured backlight glow whose blur changes locally.
Magic UIbacklightcardscompiled-cssMIT - Notification panels on HeroUI surfaces whose variant switches locally. HeroUI, Cards, 0 votes, Apache-2.0 licencecards0
HeroUI Surface
Notification panels on HeroUI surfaces whose variant switches locally.
HeroUIcardsherouiinteractiveApache-2.0 - A plan Card with header, title, description, content and footer action. HeroUI, Cards, 0 votes, Apache-2.0 licencecards0
HeroUI Card
A plan Card with header, title, description, content and footer action.
HeroUIcardcardsherouiApache-2.0 - A site Footer with link groups, a divider and a copyright line. Flowbite React, Cards, 0 votes, MIT licencecards0
Flowbite Footer
A site Footer with link groups, a divider and a copyright line.
Flowbite Reactcardsflowbite-footerflowbite-reactMIT - A plan Card with a heading, description and a local upgrade action. Flowbite React, Cards, 0 votes, MIT licencecards0
Flowbite Card
A plan Card with a heading, description and a local upgrade action.
Flowbite Reactcardsflowbite-cardflowbite-reactMIT - A membership card that tilts in 3D under the pointer, with a local plan switch. daisyUI, Cards, 0 votes, MIT licencecards0
daisyUI Hover 3D
A membership card that tilts in 3D under the pointer, with a local plan switch.
daisyUIcardsdaisyuihover-3dMIT - A product hero banner with a headline, supporting copy and a call to action. daisyUI, Cards, 0 votes, MIT licencecards0
daisyUI Hero
A product hero banner with a headline, supporting copy and a call to action.
daisyUIcardsdaisyuiheroMIT - A site footer with grouped link columns laid out by the daisyUI footer component. daisyUI, Cards, 0 votes, MIT licencecards0
daisyUI Footer
A site footer with grouped link columns laid out by the daisyUI footer component.
daisyUIcardsdaisyuifooterMIT - Bordered course cards with badges, body copy and shortlist toggle actions using daisyUI card classes. daisyUI, Cards, 0 votes, MIT licencecards0
daisyUI Card
Bordered course cards with badges, body copy and shortlist toggle actions using daisyUI card classes.
daisyUIcarddaisyuiinteractiveMIT - Article cards made fully clickable with LinkBox and LinkOverlay, keeping a nested author link. Chakra UI, Cards, 0 votes, MIT licencecards0
Chakra UI Link Overlay
Article cards made fully clickable with LinkBox and LinkOverlay, keeping a nested author link.
Chakra UIcardschakra-uiinteractiveMIT - Article text constrained by Container with selectable maximum widths. Chakra UI, Cards, 0 votes, MIT licencecards0
Chakra UI Container
Article text constrained by Container with selectable maximum widths.
Chakra UIcardschakra-uicontainerMIT - Square and circle icon tiles centred with Center, Square and Circle. Chakra UI, Cards, 0 votes, MIT licencecards0
Chakra UI Center
Square and circle icon tiles centred with Center, Square and Circle.
Chakra UIcardscenterchakra-uiMIT - An event card with header, body and footer slots and an RSVP action. Chakra UI, Cards, 0 votes, MIT licencecards0
Chakra UI Card
An event card with header, body and footer slots and an RSVP action.
Chakra UIcardcardschakra-uiMIT - A notification card built from Box style props, with a compact density switch. Chakra UI, Cards, 0 votes, MIT licencecards0
Chakra UI Box
A notification card built from Box style props, with a compact density switch.
Chakra UIboxcardschakra-uiMIT - A card whose cover image bleeds past the card padding, toggled on and off. Chakra UI, Cards, 0 votes, MIT licencecards0
Chakra UI Bleed
A card whose cover image bleeds past the card padding, toggled on and off.
Chakra UIbleedcardschakra-uiMIT - A play overlay centred over a video thumbnail with AbsoluteCenter, toggled locally. Chakra UI, Cards, 0 votes, MIT licencecards0
Chakra UI Absolute Center
A play overlay centred over a video thumbnail with AbsoluteCenter, toggled locally.
Chakra UIabsolute-centercardschakra-uiMIT - A contract preview overlaid with an Ant Design Watermark whose text and opacity switch locally. Ant Design, Cards, 0 votes, MIT licencecards0
Ant Design Watermark
A contract preview overlaid with an Ant Design Watermark whose text and opacity switch locally.
Ant Designant-designcardsinteractiveMIT - An app frame built from Layout with a header, collapsible sider, content and footer. Ant Design, Cards, 0 votes, MIT licencecards0
Ant Design Layout
An app frame built from Layout with a header, collapsible sider, content and footer.
Ant Designant-designcardsinteractiveMIT
