| name | forever-components-inspo |
|---|---|
| description | Forever Components manifest search for UI inspiration. Use when the user mentions Forever Components, the infinite canvas URL, or wants design/code inspiration from that site. |
Catalog URL: https://forever-components.vercel.app/infinite/manifest.js
Fetch the manifest:
curl -L -o /tmp/forever-manifest.js https://forever-components.vercel.app/infinite/manifest.js
Read entries as
f
,t
, andtheme
; rank them semantically against the user's prompt. Treat wording as intent, not exact keywords.Example: "cards that tilt and have foil effect" should rank these highly:
cards/11-holographic-foil-card.html
cards/08-holographic-iridescent.html
cards/01-tilt-parallax.html
css-3d/06-parallax-tilt.html
Use
rg
only to discover nearby vocabulary when semantic ranking needs help:
rg -n -i "foil|tilt|holo|glare|shine|shimmer|irides|chrome|metal|card|glass|parallax" /tmp/forever-manifest.js
Fetch source for the strongest candidates. Build each URL as
https://forever-components.vercel.app/infinite/{f}
:
curl -L -o /tmp/forever-example.html https://forever-components.vercel.app/infinite/cards/11-holographic-foil-card.html
Inspect source mechanics:
rg -n -i "transform|rotateX|rotateY|pointer|mousemove|gradient|mix-blend|mask|background|requestAnimationFrame|prefers-reduced-motion|document.hidden|--" /tmp/forever-example.html
For inspiration requests, return component names, source URLs, selection reasons, and transferable mechanics.
For implementation requests, adapt the mechanics into the current repo. Direct ports need explicit user intent plus licensing/attribution checked first.
Done means the answer or implementation is backed by manifest-ranked candidates and fetched source for every component that materially informed the result.