Athlete Card with Heatmap — Components

MotionVaultAnimated UI vault

Motion Sites

Full animated website templates

Category

Site Templates→

Top tags

#landing #template #saas #hero #portfolio #terminal

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

React Bits

Advanced animated components

Category

Components→

Top tags

#card #navigation #menu #cards #3d #dashboard

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Uiverse

Buttons, loaders, toggles

Category

UI Elements→

Top tags

#form #button #input #loader #hover #toggle

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Anime.js

Spring, drag & scroll motion

Category

Animations→

Top tags

#canvas #text #scroll #hover #particles #glow

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Aceternity UI

Glow cards, tilt, starfield…

Category

Components→

Top tags

#card #navigation #menu #cards #3d #dashboard

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Hall

Submit

1246 assets · 375,921 prompts copied

motionvault.dev/preview/athlete-card-with-heatmap LIVE

Download .tsx Original site

More from Components

preview

Components⚛ TSX Live preview

Gradient Profile Card · Rose Gold

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Rose Gold palette.

HTMLCSSJavaScriptAdvanced

85800Open

preview

Components⚛ TSX Live preview

Gradient Profile Card · Ocean Sky

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Ocean Sky palette.

HTMLCSSJavaScriptAdvanced

52600Open

preview

Components⚛ TSX Live preview

Gradient Profile Card · Mint Breeze

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Mint Breeze palette.

HTMLCSSJavaScriptAdvanced

23800Open

Comments & ratings

Loading comments…