Meet
Meet
ColorCraft
ColorCraft
ArrayKit: Pattern, Align and Rig Toolkit for After Effects
Align, distribute and build patterns with pixel precision. Generate circles, grids, spirals, waves and full 3D formations, then animate them live from a single controller with Tumble, Stagger, Aim and Follow Leader.
What Is ArrayKit?
Align, distribute and build animated patterns in your After Effects projects in seconds. ArrayKit brings your layout and pattern workflow together, with precise alignment, one-click pattern generation and controller rigs you can animate live.
Whether you’re laying out UI elements, building loaders and logo resolves, or creating 3D formations that tumble into place, ArrayKit gives you complete control over every layer from a single, intuitive panel.
ArrayKit also comes with free companion plugins for Figma and Illustrator. They share the same pattern engine, so the same values and seed give the same layout in every app. You can design a pattern in Figma or Illustrator, then rebuild it in After Effects and bring it to life.
Explore every ArrayKit pattern right here in your browser. The playground below runs the same maths as the After Effects script, so what you see is exactly what you’ll get. Pick a pattern, drag the sliders, and watch it animate live.
Switch on the 3D lab to spin globes, tumble logo resolves and stretch slinkies, or open any recipe to see the exact panel settings and keyframes behind it. When you find something you like, copy the settings straight into After Effects and build it in seconds.
Pattern Builder Playground
Seven 2D patterns, a 3D pack, and one controller null. Every preview here runs the same maths as the After Effects script, so the values you set on this page are the values to type into the panel.
New in v2.4: 3D lab · 3D recipes
Try a pattern
Pick a pattern, change its values, and choose what to animate. The box at the bottom lists exactly what to set in After Effects.
3D lab
The 3D pack: four 3D patterns, plus any 2D pattern stepped back in depth with Z Step. Every rig gets Tumble, Stagger, Taper and a 3D controller null you can tip on X and Y. Face along path turns each item to follow the line, for slinkies and worms. The preview uses After Effects' default camera.
The seven patterns
Each preview animates the control that pattern is best at. Open any of them in the playground to change it.
Follow Leader
Animate one layer and the rest follow it, a set number of frames later. Change the options to see what each one does; the timeline underneath shows when each layer moves.
Recipes
Common motion design builds, with the exact settings. Draw the item first, select it, then follow the steps.
3D recipes
Test builds for the 3D pack, with the exact panel settings and keyframes. Each one shows a feature: Tumble and Stagger, Z Step, the three Facing modes, and tipping the controller.
Face Along Path - turn items to follow the line, for slinkies, worms, chains and coils
Taper - shrink items from head to tail for trails, tails and organic shapes
Football Build - generate a real football from hexagon and pentagon patches that explode apart and assemble back into the ball
Active Count Reveal - fade items on one after another with a single slider
Follow Leader - make layers follow a leader with a frame delay in Leader or Chain mode, including 3D rotation
ColorCraft Link - colour patterns from your ColorCraft palette or saved schemes, live linked so palette changes update everywhere, with “keep matching colours apart” for clean mixes
Bake Rig - freeze any rig to plain keyframe values when you’re done
Free Figma & Illustrator Plugins - the same pattern engine, Aim and colour tools, so the same values and seed give the same layout in every app
Key Features:
Anchor Grid - move the anchor point to any of 9 positions without the layer shifting, even when it’s scaled or rotated
Smart Align - align to the selection, the comp or a key object, with Alt and Shift shortcuts for quick switching
Exact Redistribute - space layers with a precise pixel gap, sorted by position like Figma or kept in your selection order
Pattern Builder - turn one layer into a circle, grid, line, spiral, wave, ripple or scatter in one click
3D Pack - build helixes, spheres, cylinders and 3D grids, or push any 2D pattern into depth with Z Step
Parametric Rigs - drive every pattern from a single controller null, and move, rotate or scale it to animate the whole formation live
Tumble & Stagger - give every item its own tilt and let them settle one by one, ideal for logo resolves
Aim - point items to the centre, outward or along the path on any pattern, and they keep aiming as the rig animates
Align & Anchor
Line up, space and pivot layers with pixel precision. Align to the selection, the comp or a key object, and set anchor points without anything moving.
9-point anchor grid
Exact pixel gap redistribute
Safe on scaled, rotated and parented layers
One click vs endless nudging
Pattern Builder
Turn a single layer into a perfect pattern in one click. Circles, grids, lines, spirals, waves, ripples and scatters, all with exact values you can change any time.
7 core patterns
Rotate items or Aim to centre
Same seed, same layout every time
Seconds vs hours of copy and paste
3D Pack
Take your patterns into depth. Build helixes, spheres, cylinders, 3D grids and even a full football, then tumble them into place for striking logo resolves.
Helix, sphere, cylinder and Grid 3D
Z Step for any 2D pattern
Tumble & Stagger settles
Football build from real patches
Controller Rigs
Animate the whole pattern from one null. Move, rotate or scale the controller and every item follows, with sliders for every pattern value.
Live, keyframeable sliders
Active Count reveals
Aim, Taper and Face along path
Bake to keyframes when done
Follow Leader
Animate one layer and let the rest follow. Set a frame delay and get instant cascades, ripples and chains without touching the followers.
Leader or Chain mode
Position, scale, rotation and opacity
Works on 3D layers
One animation vs dozens
Free Figma & Illustrator Plugins
Design your patterns where you design everything else. The free ArrayKit plugins use the same engine as After Effects, so every layout carries straight across.
Same values, same layout
Aim and colour tools included
Free to download
Design in Figma, animate in After Effects
Full Features Tutorial
Ready to Purchase
Early Bird Price £29
Normal Price £35
14-day money-back guarantee Instant download Secure checkout
Key Features:
Intelligent Scanning - extract all colors from compositions or entire projects instantly
Import Palettes - bring in schemes from Coolors, Adobe Color, or Figma (via our free plugin)
Visual Color Grid - live swatches with hex values and usage counts, change name and edit hex, updates everywhere used across project
Pick Color - add new colors by sampling from any layer property
Generate Harmony - create complementary, analogous, or triadic color schemes automatically
Shuffle - instantly assign random colors to selected layers
Find & Replace - search and swap colors across comp or project with tolerance controls
Cycle Animation - animate color changes with customizable timing and modes
Save & Organize - build a library of named color schemes for consistent branding
Export & Share - save schemes as .json files to share with your team
Email support
Lifetime updates