NewPixels Motion

Animation packs that move like your brand.

Ready-made motion for e-commerce, healthcare, finance and more. Each pack comes as video and clean HTML and CSS, so your developers change one color and ship.

Packs by industry

One pack for each segment.

Each pack has 8 signature animations made to work together, all driven by one brand colour. Packs are sold whole, not one animation at a time.

In every pack

Watch it, then make it yours.

Video files

Every animation as MP4 and WebM, ready for ads, decks and app stores.

HTML and CSS code

Clean, commented code with no libraries. Drop it in and edit freely.

Your brand in one line

Colors run on CSS variables. Change --c and the whole pack follows.

Accessible by default

Respects reduced-motion settings and pauses when off screen.

Licences

Share the pack, or own it alone.

Two ways to buy every pack. One-time prices in USD; customers in India pay in INR with GST.

Pack licence

Shared licence

Use the whole pack in your products. The pack stays on sale to others.

$19per pack, one-time

Choose a pack

What’s included

  • Every animation in the pack
  • MP4 and WebM video loops
  • HTML + CSS and React code
  • Brand color variables
  • Unlimited projects, one company
  • Free updates to the pack
Yours alone

Full licence

Exclusive ownership

Own the pack outright. We take it off Pixels so no one else can buy it again.

$99per pack, one-time

Request full licence

What’s included

  • Everything in the pack licence
  • Pack removed from Pixels for good
  • Source and project files
  • Use in any product or client work
  • Written exclusivity agreement

How the full licence works: one buyer per pack, first come. Once a full licence is signed, we remove the pack from Pixels for good. Anyone who bought the pack licence before keeps it, and we tell you how many did before you pay.

How it works

From pack to production in minutes.

  1. Pick a packChoose the segment that fits your product.
  2. Choose a licencePack licence to use it, full licence to own it.
  3. Get the filesVideo and code arrive by email after payment.
  4. Set your colorChange one variable. Ship it.
/* Every animation reads these variables */
.ma {
  --c: #e11d48; /* your brand color */
  --t: 6s;      /* loop length: 3s = twice as fast */
}
FAQ

Questions about Motion

How packs, licences and editing work.

Ask us anything
Can I buy one animation?

No. Motion is sold as full packs, so every animation in a segment matches in style and timing.

What does the full licence change?

After a full licence sale, the pack is removed from the website and never sold again. People who bought the pack licence before that keep their licence; nobody new can buy it.

How do I change colors?

Every animation reads one CSS variable. Set --c to your brand colour and the whole pack follows, in light or dark. The videos come in the pack colour; the code takes any colour.

What format is the code?

Plain HTML and CSS with no libraries, plus a ready React component for each animation. It works in any framework, and the MP4 and WebM loops work in iOS and Android apps.

How do the files arrive?

Right after payment we email you a zip with every animation as HTML and CSS, a React component, and MP4 and WebM loops, plus your invoice and licence.