FreeVideo
AI answer where a brand climbs the ranking
- 570570 downloads
- 126126 likes
- 226226 saves
Works with
+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
Trophy card with a rotating star v1.0.0
Use this resource to showcase a winner or an award
New
- 337 downloads
- 221 likes
- 143 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install winner-trophy-star-cardFirst time: connect the CLI with
npx --yes palatekit@latest loginThe agent draws an SVG trophy in front of a star made of two rotated squares. On hover the star tilts back and the trophy wobbles. You get an award visual for a contest or a ranking.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- MIT
Similar resources
View all- Free
FreeVideo
Ranked bars racing over time
- 312312 downloads
- 110110 likes
- 201201 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
FreeVideo
Vertigo effect: dolly shot offset by zoom
- 503503 downloads
- 107107 likes
- 134134 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
FreeVideo
Image carousel on a circle, style 1
- 489489 downloads
- 129129 likes
- 213213 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
FreeVideo
Image carousel on a circle, style 2
- 485485 downloads
- 222222 likes
- 232232 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
FreeVideo
Image carousel on a circle, style 3
- 486486 downloads
- 184184 likes
- 200200 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
FreeVideo
Image carousel on a circle, style 4
- 341341 downloads
- 165165 likes
- 129129 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
FreeVideo
Image carousel on a circle, style 5
- 549549 downloads
- 142142 likes
- 127127 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- README.md: step-by-step integration guide
- Cards/Javierrocadev_wonderful-bobcat-57.html: the component HTML and CSS, ready to copy
- The variables and selectors to edit for colours and size
Good fit for
- Giveaway winner announcement
- Community leaderboard
- Course completion certificate
Not for
- Sober or corporate content
- Use without text: the card holds no name or caption
Tags
- card
- trophy
- award
- svg
- hover
About
You say
"Add the trophy card from the resource on my results page, with the winner name underneath."
Component published by Javierrocadev on Uiverse under the MIT license, documented by PalateKit.
Show moreShow less
Prerequisites
- You bring
- The winner or award name and The trophy colours
How to use it
- Give the resource to your coding agent
- Ask it to insert the component where you want it and adapt text and colours
- Open the page and check hover and mobile rendering
Content preview
Files
- Cards/Javierrocadev_wonderful-bobcat-57.html2.3 KB
- LICENSE1.1 KB
- NOTICE-PALATEKIT.md0.4 KB
- README.md0.7 KB
Origin and licence
Modified by PalateKit
- Author
- Javierrocadev
- Source
- github.com/uiverse-io/galaxy/tree/adbd2adde0a299a3956ea288fb444ec01891ca41/Cards/Javierrocadev_wonderful-bobcat-57.html
- Licence
- MIT
Notice
Version modifiée de « Javierrocadev_wonderful-bobcat-57 » (Javierrocadev, MIT) : traduction française et fiche par PalateKit.
User reviews
–
No ratings yet
Loading reviews…
Frequently asked questions
How do I add it to my site?
Copy the HTML and the CSS block into your page, or the CSS into your stylesheet. No JavaScript is needed.
How do I customise it?
Edit: trophy colour is the fill of .svg-icon (#e94822); the star is set in .star-eight (background #efd510, 150px sizes). To respect visitors sensitive to motion, wrap the animations in an @media (prefers-reduced-motion: no-preference) rule.