A row of dome-topped pastel panels, each with a cartoon character peeking up from the bottom. Panels stagger in with a spring, gently bob, and lift on hover. Ships with cartoon-avatar defaults, light & dark.
React
TypeScript
framer-motion
A charming, on-brand team section. A row of dome-topped pastel panels — each a different color — staggers in with a spring as it scrolls into view, gently bobbing, with a cartoon character peeking up from the bottom of each panel. Hover a panel and it lifts and the character scales up. Includes a headline, description and call-to-action button, and ships with DiceBear cartoon-avatar defaults so it works out of the box (swap in your own images and any panel colors). Self-contained (injects its own CSS, no Tailwind or shadcn required), light & dark, React 19 + TypeScript strict, reduced-motion aware. Requires framer-motion.
A fanned arc of team photos that springs into a curve when it scrolls into view. On hover the focused card straightens and pops forward while the rest fall back, and a name/role plate slides up. Self-contained, light & dark.
React
TypeScript
framer-motion
A playful team showcase. The photo cards spring out from the center into a fanned arc when the section scrolls into view, each staggering in with a spring. Hover any card and it straightens and pops forward while the others dim and fall back, and a name/role plate slides up from the bottom. Fully configurable spread, curve and fan angle. Ships as a single self-contained file (injects its own CSS, no Tailwind required), works in light or dark, React 19 + TypeScript strict, and is 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 bold, playful marketplace landing hero: grid-lined electric background, navbar, massive layered typography with a hard offset shadow, floating seller cards that bob, hand-drawn arrows, a spinning "start selling" badge and a rounded features section.
React
TypeScript
framer-motion
A high-impact landing hero for a marketplace or creator platform. It layers a grid-lined electric-blue background, a navbar, huge stacked typography with a chunky offset shadow, glassy floating "seller" cards that gently bob with framer-motion, hand-drawn SVG arrows, a spinning circular "start selling — free" badge, and a rounded three-up features section (list, price, get paid). Self-contained (injects its own CSS, no Tailwind required), responsive and reduced-motion aware. React 19 + TypeScript strict. Requires framer-motion.
A true 3D rotating carousel: cards arranged around a cylinder in real perspective. The ring spins on page scroll — or drag / wheel over the gallery — so cards swing forward with genuine depth. The front card is active and its name shows below.
React
TypeScript
Carousel
A real 3D carousel, not a flat slider. Cards are placed around a cylinder using perspective, rotateY and translateZ with their faces pointing outward, and back faces hidden for a clean coverflow feel. The ring spins as the page scrolls, or you can drag and wheel directly over the gallery to rotate it. The card facing the camera becomes active and its name and subtitle animate in below. Pass your own items (photos + labels) or use the built-in people placeholders. Self-contained CSS, cleans up on unmount, React 19 + TypeScript strict, reduced-motion friendly.
Isometric "impossible" text that rolls up on hover. Each line is skewed into an isometric block and staircased; on hover GSAP slides every line up one step so the whole phrase rolls to the next word. Themeable and responsive.
React
TypeScript
GSAP
A hypnotic hero-text effect. Each line of the phrase is skewed into an isometric block and clipped so only its top word shows, then offset into a staircase. On hover (or focus) GSAP slides every line up one step with a stagger, so the whole phrase rolls to the next word — and reverses smoothly on leave. Pass a phrase via words, or take full control with explicit top/bottom lines. Responsive font sizing, custom color for dark backgrounds, React 19 + TypeScript strict, and prefers-reduced-motion aware. Requires gsap.
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.
Paste your website and we build an AI agent that answers your customers on WhatsApp around the clock — FAQs, product questions, bookings and lead capture, with hand-off to a human when it matters. Trained on your business, official WhatsApp API, fully 2026-compliant. Done for you.
WhatsApp
AI agent
Customer support
Stop losing customers to unanswered WhatsApp messages. You paste your website; our AI reads it, learns your business, and we build a WhatsApp agent that replies to your customers in seconds, day and night.
It answers only from your real business info — products, services, hours, policies — plus anything extra you teach it. It captures and qualifies leads, can book appointments or take orders, replies in your customer language, and hands off to your team when a human is needed. No made-up answers, no missed messages.
It runs on your own official WhatsApp Business number through Meta approved API and is scoped to your business as a task-specific assistant — exactly what WhatsApp 2026 rules permit. You do almost nothing: paste a link, add a few notes, connect your number. We build, train, connect and maintain it, and it keeps learning as your site changes.
Built and run by the same team behind assetzaar.com, georion.app, melodygenie.app and pilotjob.ch. Simple, fair pricing: one setup fee plus a monthly plan (Starter, Growth, Pro). Incoming customer support messages are free on WhatsApp, so no surprise per-message bills. Launching soon — join early access to be first.
A composable analytics card whose chart comes alive on hover: the area fills, the trend line brightens, bars cascade up, points pop, a live point pulses, a value chip slides in and a light sheen sweeps across. clsx + tailwind-merge.
React 19
React
TypeScript
Animated Card Chart is a composable analytics card whose visual wakes up on hover: the area fills, the trend line brightens, bars rise in a staggered cascade, data points pop, a live point pulses, a value chip slides in, and a light sheen sweeps across while the whole card lifts.
Composable, drop-in API: AnimatedCard / CardVisual / CardBody / CardTitle / CardDescription, plus Visual3 (the chart) with mainColor / secondaryColor to recolor instantly. Self-contained CSS injected once (no Tailwind required); className merging via clsx + tailwind-merge. React 19 + TypeScript, prefers-reduced-motion aware. Original work for Assetzaar.
A media-frame grid where hovering a frame expands its row and column (the whole grid reflows smoothly) and tilts that single card in 3D toward the cursor with a glare. Bring your own clips/images. Framer Motion.
React 19
React
TypeScript
Dynamic Frame Layout is an interactive grid of media frames. Hovering a frame expands its row and column — the whole grid re-flows smoothly via framer-motion — while that single card tilts in 3D toward the cursor with a moving glare. Other cards stay flat.
Each frame's media can be a video URL, image URL, or any React node; the built-in defaults are original animated gradient tiles (no third-party assets bundled), so it looks great before you add content. Configurable columns, gap and hover-expand amount. Self-contained CSS, accessible focus support, prefers-reduced-motion friendly. React 19 + TypeScript. Requires framer-motion. Original work for Assetzaar.
An interactive skewed grid background: cells light up in a palette color under the pointer and fade back over seconds, leaving a trail of light, with a radial mask blending the grid into your hero. Self-contained, framer-motion.
React 19
React
TypeScript
Background Boxes puts a living, perspective-skewed grid behind your hero content. As the pointer moves, each cell it passes snaps to a color from the palette and then fades back over a couple of seconds, leaving a trail of light. A radial mask fades the grid into the background at the edges so your text stays readable.
Ships two pieces: Boxes (the raw grid, memoized so parent re-renders never reshuffle the random cell colors) and BackgroundBoxes (a ready hero with the mask and a content slot). Self-contained CSS injected once (no Tailwind required); className merging via clsx + tailwind-merge. React 19 + TypeScript, prefers-reduced-motion aware. Original work for Assetzaar.
A premium 3D hero card: a floating Three.js character that follows the cursor — or drop in any Spline/GLB scene — beside a glass spotlight and your copy. Self-contained, accessible, reduced-motion aware.
React 19
React
TypeScript
Scene 3D is an interactive 3D hero for React 19 and TypeScript. Out of the box it renders an original Three.js character — a floating bot whose head and glowing eyes follow the cursor — next to a glass spotlight and your headline. It is the dependency-light way to add real, immersive 3D to a hero without wrestling a 3D pipeline.
Bring your own scene in two ways: set a Spline URL and it lazy-loads @splinetool/react-spline (and its runtime) only when used; or pass a .glb/.gltf model URL for the Three.js stage, with optional cursor-tracking pupils that work on any model (rigged or not) plus named-eye rotation for rigged characters. If a model fails to load it gracefully falls back to the built-in bot.
Self-contained CSS (injected once, no Tailwind), accessible copy, and prefers-reduced-motion aware (it calms the float/animation). Original work for Assetzaar. Core install needs three; add @splinetool/react-spline only if you use a Spline scene.
A macOS-style glass dock: icons magnify by pointer proximity (the classic fisheye) and push neighbours apart, with name tooltips, running-app dots and a click bounce. Pure React + CSS, keyboard-accessible, zero dependencies.
React 19
React
TypeScript
Glass Dock recreates the macOS dock for React 19 and TypeScript. Icons scale up based on how close the pointer is and gently push their neighbours apart — the classic dock fisheye — written straight to CSS variables on pointermove, so there are no re-renders and no dependencies. Hovering shows a name tooltip, "open" apps get a running-indicator dot, and clicking an icon bounces it.
It is fully self-contained: it injects its own CSS and an Apple-grade system font once on mount, needs no Tailwind, is keyboard accessible (focus magnifies too) and respects prefers-reduced-motion. No third-party app icons are bundled — pass your own via the apps prop, or use the original gradient tiles it ships with. Light and dark variants. Original work for Assetzaar.
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.
Built for SaaS builders, founders, agencies and their coding agents. Filter by category, technology and price — or start from a category:
FAQ
Marketplace FAQ
You can buy or claim production-ready SaaS kits, complete SaaS apps, landing pages, AI agent skills, UI components, automations and free resources for modern software projects.
Assetzaar emphasizes products with clear licensing, a documented stack, honest previews, and production-ready delivery. It does not fabricate ratings, reviews, or sales numbers.
Yes. Products are designed for builders and coding agents, with documentation that helps tools such as Claude and Codex understand, customize and extend the deliverables.
Yes. Paid purchases and free claims are delivered through entitlement-gated downloads after checkout or claim, while seller payouts are handled through Stripe Connect.
