Skip to content
Apex Motion — copy-paste animated components✓ Free tier — copy and ship✓ Live previews✓ Performance-first, no bloat✓ You own the code✓ Stripe-secured checkout
——/components · for developers & designers

The building blocks, ready to paste.

A copy-paste UI component library — buttons, cards, inputs, backgrounds, and layout pieces in React + Tailwind, each with a live preview and the source right there. A free curated set to start; Pro packs when you want the premium edge. You own the code.

——12 free · 2 pro · 1 new

Hover the previews. Copy the code.

Added components (1)

Loading…

codegrid-magnetic-marquee

Pro · bundle
Aurora

A slow conic-gradient aurora that drifts behind your hero. Pure Framer Motion + Tailwind, GPU-cheap, 60fps.

Apex Motion

A light sweep that travels across your headline on a loop. One element, no extra deps.

A button that leans toward the cursor and springs back. The detail that makes a site feel premium.

|

Types and deletes a rotating list of words on a loop. The classic hero hook, zero deps.

Gradient

An animated multi-color gradient that flows through your headline. One element.

A button with a soft pulsing glow that draws the eye to your primary CTA.

A light sweep that travels across the button on hover. Pure Tailwind, no JS.

Move your cursor →

A radial spotlight that follows the cursor across the card. The premium-feature look.

3D Tilt

A card that tilts in 3D toward the cursor with perspective. Springs back on leave.

Reveal on scroll

Fades and slides content up as it scrolls into view. The clean scroll-entrance.

Animated border

A conic-gradient beam that rotates around the border. Wraps any card.

A click ripple in pure HTML + CSS + JS — drops into any site, no framework. (Vanilla example: live iframe preview + HTML/CSS/JS tabs.)

Cards that stack and parallax as you scroll — the Apple-style scroll sequence. In the Pro Scroll pack.

Cards that stack and parallax as you scroll — the Apple-style scroll sequence. In the Pro Scroll pack.

Unlock in the Pro pack →

A WebGL animated mesh-gradient hero background. In the Premium Shader pack.

A WebGL animated mesh-gradient hero background. In the Premium Shader pack.

Unlock in the Pro pack →
——Apex Components Pro

The premium packs.

Full category packs — cards, buttons, inputs, navs, heroes — and the components that make a site look like it cost $10k. Buy a pack, or get the whole library forever.

Pro Component Pack

Curated packs by category (cards, buttons, inputs, navs, heroes).

from $29

Premium Pack

The advanced, polished building blocks — the premium edge.

from $99

Lifetime Access

Every pack, every future drop, commercial license. No recurring fees.

$499

Components share the Motion ladder — the free tier is free forever; Pro packs and Lifetime are one-time. (Not part of the Insider Pass.)

——Don’t want to code it?

These same components power our done-for-you websites.

Building from a kit instead of coding? Pick a website tier and we drop these building blocks straight into a finished, niche-matched site — you never touch the code.

See the website tiers →

Straight answers

Components — straight answers

What is Apex Components?

A copy-paste UI component library: production-ready React + Tailwind building blocks — buttons, cards, inputs, backgrounds, and layout pieces — each with a live preview and the source code right there. Copy it, paste it, own it. No 60-dependency install.

Is it free?

There's a free curated set you can copy and ship today. Pro packs add the premium components and full categories; Lifetime gets you every pack and every future drop with a commercial license. The free tier stays free.

Do I own the code?

Yes — once you copy or buy a component, the code is yours to use in your own and client projects under the commercial license. It's not rented and there's no attribution requirement.

How is this different from Apex Motion?

Same engine, different focus. Apex Components is the building-block library (the static, structural UI pieces); Apex Motion is the animated cousin — scroll effects, magnetic buttons, shader heroes. Many builders use both: structure from Components, polish from Motion.

What framework do they use?

React + Tailwind, with some pieces shipping vanilla HTML/CSS/JS too. Each component shows its own copy tabs, so you grab exactly the format your stack needs. Performance-first and hand-built — no bloat.

Can you just build the site for me?

Yes — these same components power our done-for-you website tiers. Pick a build and we assemble a finished, niche-matched site so you never touch the code.

Reviews

We’re early. Real reviews only.

Apex Digital launched recently. Every purchase comes with a request for honest feedback through our help center. When real buyers write real reviews, they go here — with their permission, by name. Until then, this section stays empty. No fakes. No stock photos. No bullshit.

Used something from the catalog? Leave honest feedback →

While you’re here…