Creators may embed this optional badge in a repository or project page. It points directly to this product; no backlink is required, and the supplied link is nofollow by default.
Related products
More production-ready assets in the same category.
A feature/benefit card with an index, a tinted radial glow, a central illustration that idle-floats and pops on hover, and a frosted content plate with a color-tinted tag. Five color palettes, ships with original SVG glyphs, light & dark.
React
TypeScript
framer-motion
A polished feature/benefit card for landing pages and product tours. It shows a monospace index, a tinted radial wash and a pulsing glow behind a central illustration that idle-floats and pops forward on hover, and a frosted glass content plate with a color-tinted tag and title. The whole card lifts on hover. Five color palettes (orange, purple, blue, emerald, rose), each with a matching built-in SVG glyph so it works out of the box — or pass your own image/node. Self-contained (injects its own CSS, no Tailwind required), light & dark, React 19 + TypeScript strict, reduced-motion aware. Requires framer-motion.
A glowing floating AI chat launcher: an orb with a rotating aurora aura + pulse opens a glassy composer that springs in — status header, model badge, quick-prompt chips, auto-growing textarea with a character bar, a tool row with tooltips, and a send button with a light sweep. Closes on outside click or Escape.
React
TypeScript
lucide-react
A premium floating AI assistant launcher for any app. A glowing orb with a rotating aurora aura and soft pulse opens a glassy chat panel that springs into place: a live status header, model + Pro badges, quick-prompt suggestion chips, an auto-growing textarea with a character progress bar, a tool row (attach, link, code, design, voice) with tooltips, and a gradient send button with a light-sweep on hover. Closes on outside click or Escape, focuses the input on open, and supports Enter-to-send / Shift+Enter for a new line. Configurable model, Pro badge, max characters, position and suggestions, with an onSend callback. Self-contained CSS (no Tailwind required), React 19 + TypeScript strict, accessible and reduced-motion aware. Requires lucide-react.
A staggered testimonial carousel: cards fan out around a highlighted center card with a notched corner and tilt. Click, arrows, arrow keys or drag to advance. Auto-plays and pauses on hover. Self-contained, light & dark.
React
TypeScript
lucide-react
A striking way to show social proof. Testimonial cards fan out in 3D around a highlighted center card that has a notched corner and a bold offset shadow. Bring any card to the center by clicking it, using the arrows or arrow keys, or dragging. It auto-advances and pauses on hover or focus, and adapts card size on smaller screens. Ships as a single self-contained file (injects its own CSS, no Tailwind required), works in light or dark, React 19 + TypeScript strict, accessible and reduced-motion aware.
A premium hire-a-freelancer card: banner with soft zoom, avatar with online dot, half-star rating, meta chips, a tools row and a glossy "Get in touch" CTA. Self-contained CSS, light & dark, fully accessible.
What is this component?
A polished profile card for marketplaces and portfolios. It shows a tinted banner that gently zooms on hover, an avatar with an online indicator and ring, a real half-star rating, meta chips (rating, duration, rate), a tools row, a bookmark toggle that fills when saved, and a primary call-to-action. The whole card lifts on hover. Ships as a single self-contained file (injects its own CSS, no Tailwind required), works in light or dark, and is built React 19 + TypeScript strict with accessible, reduced-motion-aware interactions.
