Drift
Forty long strokes rising across the section in five bands that flex against each other. The original Background Paths composition, ported.
Dark groundMedium
Pulsar — by Business Nebula
AnimatedSVGsand the tools to put them to work.
An animated icon library by Business Nebula — every mark is plain SVG and CSS you can paste into anything. The 20 generators alongside it run entirely in your browser. Nothing uploads.
- marks
- 2859
- families
- 191
- browser tools
- 20
- uploads
- 0
The library
Drawn as families, not as singles.
A family is one design decision carried across a set of marks, so they are meant to be used together. 2859 of them, across 191 families, filterable by industry, use case, design style and tech.
Pick a design language
- Minimal lineUniform thin strokes, no fills, generous negative space. The default register for product UI.
- Bold lineHeavy uniform strokes that hold their weight at small sizes and on dense screens.
- TechnicalDrafting language: construction marks, ticks, dimension rules and a visible grid discipline.
- Geometric solidFlat filled primitives, few or no strokes, built on a strict grid.
- DuotoneOne accent tone against one muted tone, carrying hierarchy through value rather than line.
- Data markChart vocabulary: axes, bars, plots, rules and readouts. Reads as instrumentation, not decoration.
- Solid glyphSingle-colour filled pictogram, the weight of a typeface icon.
Pick your tech
- CSS2857
Paste the SVG and the stylesheet. No script, no build step, nothing to load. The default unless an animation genuinely has to be driven.
No dependency →
- JS1
A few lines of vanilla JavaScript, no library behind it. For motion that has to respond to something, or that keyframes cannot express.
One small script →
- GSAP1
For timelines that are genuinely complex. GSAP is licensed by its own publisher rather than redistributed under the Pulsar licence.
You supply GSAP →
The heroes
Backgrounds for the top of the page.
10 full-bleed animated fields, slow and restrained, sitting behind a heading. Pure SVG and CSS, one composited layer per band, and four variables for the ground, the ink, the accent and the speed.
Ribbon
A tight bundle of twelve strokes weaving once across the section as a single ribbon, fading at both ends.
Light groundSparseTide
Stacked sine waves, phase shifted down the section, sliding sideways at five different rates.
Dark groundBusy
The tools
20 generators, all in your browser.
Charts, cards, favicons, brand kits, backgrounds, decks. Every one runs client-side and hands you a file. Nothing is uploaded, and nothing needs an account. Here is what each one gives you.
Charts
Paste a spreadsheet, get an editable chart in your colours.
- Paste straight from a spreadsheet
- Editable SVG, not a flat image
- Your palette, applied to every series
Cards
Social and Open Graph cards, one or forty from a CSV.
- One card, or a ZIP from a CSV
- Open Graph and every social ratio
- Live preview at true size
Sizes
One design, every ad and social size, as a ZIP.
- The layout re-decided per size
- Social, display, email, covers
- Every size in one ZIP
Shots
A screenshot framed for release notes and posts.
- Padding, radius and shadow
- Seeded backgrounds or your own
- Device and browser frames
QRgen
A branded QR code that still scans in print.
- A logo knockout that still scans
- Error correction budgeted for it
- Vector out, so it prints
Brand
A full token kit from one colour.
- Eleven-step ramp from one colour
- Semantic surface and text tokens
- CSS, Tailwind, W3C JSON, swatches
Palette
A colour wheel and harmony rules; a checked, exportable palette.
- An OKLCH wheel and eight harmony rules
- Lock what works, shuffle the rest
- Contrast and colour-blindness checked
Favicons
Every favicon and app icon a site needs.
- Every size a site actually asks for
- Maskable icon and manifest
- The <head> snippet, written
Signature
An email signature that survives Outlook.
- Survives Outlook and forwarding
- Photo, rows, booking link, socials
- Copied as rich text, ready to paste
Animate
Any catalogue animation, rethemed and exported.
- Any catalogue mark, re-themed
- Animated SVG plus its CSS
- Poster frame and frame sequence
Gradients
Mesh gradients as SVG, PNG or CSS.
- Mesh in SVG, with a CSS fallback
- Seeded — a link reproduces it
- Drag the stops, not a preset
Noise
Grain and paper as a seamless tile.
- Hundreds of bytes, not kilobytes
- Seamless at any repeat
- Grain, paper and fabric
Blobs
Organic shapes and clip-paths.
- Point count and jitter on dials
- SVG path or CSS clip-path
- Reproducible from a seed
Patterns
Seamless geometric patterns.
- Dots, grids, lines, waves, hexes
- Tiles seamlessly at any size
- Copy the CSS and go
Dividers
Section dividers, twelve shapes.
- Waves, curves, slants, torn edges
- Parallax layers, not one shape
- Stretches to any width
Geometry
Dot fields, contours, low poly, rays.
- Dot fields, contours, low poly
- Seeded, so a brand keeps one
- Built for a B2B hero
Decks
A themed .pptx from a brief and a palette.
- A real .pptx, not a PDF
- Pitch, proposal, report, update
- Your palette on every master
Orgchart
A staff list in, an org chart out — SVG, PNG or .pptx.
- Edit on the canvas or paste a list
- Dotted lines, open roles, headcount
- SVG, PNG, .pptx or a web page
Letterhead
Word headers and footers for any country, as a .docx.
- Built for the country you trade in
- Ten dials, hundreds of thousands of layouts
- A real .docx, ready to type into
Sitemap
Pages in, a visual sitemap and a sitemap.xml out.
- Outline, URL list, CSV or a live sitemap.xml
- Sections and depth from the paths
- The drawing, and the XML search engines read
Pricing
Free while we build. Not free forever.
Everything in the catalogue and every tool is free today, with a credit line, for your own work and your clients’. Shipping the animations inside something you sell is what a subscription is for. The free tier is a launch offer rather than a permanent state, and saying so now is fairer than revising it later.
Free
Launch offer$0
Personal work, your own business, and what you make for clients.
Browse the library- Every animation in the catalogue
- Personal, private and educational use
- Your own site, marketing, decks and documents
- Client work, where the animation is part of the design
- All browser-side generators, no account
- Credit required — one visible line per work
- Not for anything you sell, license or distribute
- A launch offer: 90 days’ notice before it is withdrawn
Annual
Coming soonbilled yearly
Ship them in what you sell, with the credit line dropped, plus the premium catalogue.
Coming soon- Everything in Free
- Use in products, templates and apps you sell
- No credit required, anywhere
- The premium catalogue, which Free does not reach
- What you downloaded while subscribed stays licensed after you stop
- Priority on requested families
Lifetime
Founding offerComing soonone payment
Annual, bought once, for a capped founding cohort.
Coming soon- Everything in Annual
- Continuing access and future additions
- Capped at a founding cohort, then withdrawn
- Exact term written down before anyone buys
This is a summary. The licence is the binding document, it governs all use of the animations from the day it is published, and it is short enough to read. Read the licence →