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 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.
React
TypeScript
lucide-react
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.
An interactive team gallery: the panel under the pointer or keyboard focus expands while the others compress into vertical name tags, revealing role and social links. Pure-CSS magnify, accessible, self-contained.
React 19
React
TypeScript
Lineup is an interactive "bento" team gallery for React 19 and TypeScript. The panel under the pointer — or keyboard focus — smoothly expands while the others compress into slim columns with vertical name tags; the expanded panel reveals the person's name, role and social links, and the photo zooms subtly.
The magnify is pure CSS (no JS measuring), so it stays buttery and works on focus-within for keyboard users. It is fully self-contained: it injects its own CSS and a system font once on mount, ships with graceful avatar fallbacks (a generated gradient when a photo fails), respects prefers-reduced-motion, and is light by default with an optional dark theme. On small screens it stacks into expandable rows.
Drop in your own members (name, role, photo, socials) or use the bundled placeholders. Icons via lucide-react. Original work for Assetzaar.
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.
What is this component?
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.