→ COMPONENT LIBRARY · 300 × 300

Animated slide components

Thirty-two fixed-size 300 × 300 modules grouped by purpose — data & charts, text & hero, flow & process — plus three layout patterns for dropping them into slides.

SET · 01

Data & charts

Numeric storytelling — animated counters, growth bars, and a single big-metric donut for instant stat slides.
01

KPI counter

Metric
Active customers
0
↑ 18.4% vs last quarter
02

Bar chart

Sequential
Quarterly revenue
2024 — 2025 · $M
Q1Q2Q3Q1Q2Q3
03

Progress donut

Big metric
0%
On-time delivery · last quarter
SET · 02

Text & hero

Twelve typography-in-motion modules — title cards, kinetic words, gradient sweeps, quote callouts, scramble effects and curtain reveals. Use on opening slides, section breaks and statement moments.
04

Typewriter hero

Title card
→ PIXELSLY

Modern. Smart. Human.
05

Partner marquee

Scroll
13

Kinetic split

Fly-in
→ HERO TITLE

Bold moves win.

Three words, three vectors, one headline.
14

Word stagger

Blur reveal
→ STATEMENT

15

Letter drop

Cascade
→ LOGOTYPE
16

Gradient sweep

Continuous
→ BRAND COLOURS

Modern.
Smart.
Human.

17

Stat headline

Hero number
→ SERIES A
$0M
raised to scale our AI platform across APAC.
18

Pull quote

Testimonial
“
Pixelsly cut our reporting time from days to minutes — and the team actually enjoys using it.
JD Jane DoeVP Operations, Northwind
19

Scramble text

Resolve
→ DECRYPTING

20

Rotating word

Verb cycle
→ WHAT WE DO

We design build ship design software.

21

Highlight

Keyword
→ POSITIONING

Built for scale from day one.

Pastel underlines the keyword without shouting.
22

Curtain reveal

Mask wipe
Hello, future of enterprise.
SET · 04

Layout examples

Three ways the boxes drop into a slide — text-then-visual, visual-then-text, and a three-up row that fits any 16:9 deck.
EXAMPLE · A

Two-column — text left, component right

A single 300 × 300 box anchors the right side. Use for stat callouts, ratios, or step-of-the-quarter slides.
→ Q3 2025 RESULTS

Our customer base grew 18% last quarter.

New enrolments lifted across every region, with the strongest growth from mid-market accounts in retail and healthcare.

  • 1,940 net-new customers in Q3
  • Enterprise segment up 24% YoY
  • Retention held at 94% across cohorts
Active customers
0
↑ 18.4% vs last quarter
EXAMPLE · B

Two-column — component left, text right

Donut-on-the-left works well when the visual is the headline. Body copy reinforces the story.
0%
On-time delivery · last quarter
→ OPERATIONS

On-time delivery climbed to 87%.

A new routing engine, two regional hubs and live driver tracking cut SLA misses by more than half — without growing headcount.

  • Same-day fulfilment in 4 metro hubs
  • Two-day reach across the mainland
  • Live tracking for every dispatched order
EXAMPLE · C

Three-up — components side-by-side

Three 300 × 300 boxes line up at exactly 1024 px wide (with 32 px gutters) — slots into any 16:9 deck.
Revenue YTD
$0M
↑ 32% YoY growth
Quarterly revenue
2024 — 2025 · $M
Q1Q2Q3Q1Q2Q3
0%
CSAT · last quarter
SET · 03

Flow & process

Seventeen ways to show movement, sequence, milestones and decisions — 3-step, 5-step, roadmaps, maturity models, stage gates, milestone logs and approval pipelines.
06

Process flow

4 steps · vertical
01

Discover

Audit systems, data & goals.

↓
02

Design

Architect the simplest fit.

↓
03

Deploy

Ship in tight, instrumented loops.

↓
04

Refine

Measure & harden for scale.

07

Timeline

Milestones
Roadmap · 2024 → 2026
2024
Launch
Q2 '25
v2.0
Q4 '25
Mobile
Q2 '26
AI suite
Q4 '26
Global
5 milestones · 24 months
08

Cycle loop

Continuous
01Plan
02Build
03Test
04Ship
→ Loop
Iterate
09

Conversion funnel

Stages
Acquisition funnel
Awareness
10,000
Interest
4,20042%
Consider
1,80043%
Convert
62034%
10

Swimlanes

Kanban
To do
Doing
Done
DESIGN
Brand refresh
ENG
Auth rewrite
OPS
Vendor audit
11

Gantt phases

Overlap
Project phases · 2025
Q1Q2Q3Q4
Discover
Design
Build
Launch
12

Decision tree

Branching
Customer at risk?
Yes
Trigger save-flow
No
Continue nurture
23

Three-step

3-step
→ HOW IT WORKS
01

Sign up

Free 14-day trial.

→
02

Connect

Plug in your data.

→
03

Launch

Go live in minutes.

24

Chevron pipeline

5-step
Sales pipeline
Lead
Qualify
Demo
Proposal
Closed
Day 1Day 3Wk 1Wk 2Wk 4
25

Checklist

5-step
Launch readiness
Security review passed
Pricing finalised
Docs published
Onboarding flow tested
Launch comms drafted
26

Step progress

5-step
Checkout
1
2
3
4
5
CartShipPayReviewDone
27

Now / Next / Later

Roadmap
Now
Billing v2 rollout
SOC 2 audit
Later
AI assistant v3
Partner API
28

Milestones

Milestones
Customer milestones
1K
2024
10K
2025
100K
2026
29

Maturity model

Maturity
L1Initial
L2Repeatable
L3Defined
L4Managed
L5Optimizing
Capability maturity
30

Stage gate

Stage gate
Product NPD
S1Discover
S2Design
S3Launch
Stage → ◆ Gate → Stage
31

Milestone log

Milestones
Jan '25

Founded

3 founders, 1 office, lots of coffee.

Mar '25

First customer

Northwind signs annual deal.

Jun '25

Series A

$4.2M led by Lumina Ventures.

Oct '25

10K users

Crossed the five-figure mark.

Dec '25

Global launch

Live in 12 countries.

32

Approval pipeline

3-step
Submitted
In review
Approved
REQ-104Budget Q3
REQ-105New hire
REQ-106Vendor MSA