Skill showcase

Effects and palettes, side by side.

Switch palettes to see the skills re-skin instantly. Pick one to start a project with it.

Blur Reveal

01

Apple-style sentence reveal: words rise and un-blur one by one, key word in gradient.

Use this skill →

Word Swap

02

A sentence with a rotating gradient word that springs through alternatives.

Use this skill →

UI Zoom Tour

03

The camera dives into your product; a cursor clicks features and callouts pop.

Use this skill →

Bento Grid

04

Feature cards spring into a bento grid with icons and live micro-animations.

Use this skill →

Feature Icons

05

Glowing icon tiles draw themselves on, one per feature, with a title and one-line benefit.

Use this skill →

Floating UI

06

Your product floats centre stage as glass widgets (toast, metric, chart, team) pop around it.

Use this skill →

Pain → Solution

07

The old way's pain points get struck through, then the better way blurs in.

Use this skill →

Integration Orbit

08

App tiles orbit your logo with data pulses flowing into the core.

Use this skill →

Testimonial

09

A real customer quote on a glass card with star rating, avatar, name and role.

Use this skill →

Trusted By

10

Customer logos stream past in two marquee rows under your social-proof line.

Use this skill →

Website Scroll

11

Your real website opens on its hero, scrolls from section to section and lifts them out of the page.

Use this skill →

How It Works

12

Numbered steps light up in sequence along a glowing progress line.

Use this skill →

CTA Lock-up

13

Logo, closing line and a glowing button that the cursor clicks — with your URL.

Use this skill →

Liquid Logo

14

Droplets fall and your logo pours in as glossy liquid, ripples out, then catches a sheen.

Use this skill →

QR End Card

15

The closing line next to a scannable QR code for your site, with a scan beam on the final beat.

Use this skill →

Kinetic Poster

16

A Swiss poster builds itself: hairline frame and column rules draw on, huge stacked type rises out of its masks, an accent disc lands.

Use this skill →

Showreel

17

Framed cards glide in and snap to centre one by one, corner ticks on the card in focus, a counter and progress hairline beneath.

Use this skill →

Card System

18

A poster tile, a live chart card, a checklist and a brand card, built from the same hairlines and surface: outlines draw, surfaces fill, content arrives.

Use this skill →

Kinetic Rows

19

Bands of big type slide in opposite directions between hairlines; the middle band carries the line and settles into place.

Use this skill →

Grid Poster

20

A Bauhaus module grid draws on beside the stacked headline; the squares fill with shapes on the beat, then the quarter circles turn.

Use this skill →

Split Poster

21

An accent panel wipes up with the brand's monogram rising huge inside; beside it the headline stacks over feature chips and a running ruler.

Use this skill →

Card Stack

22

A fanned deck of feature cards rises in; the top card is swiped away on the beat to reveal the next, with dots and a counter.

Use this skill →

Contact Sheet

23

The features as framed cards on one sheet, outlines first; a focus frame then moves card to card on the beat, lifting them in turn.

Use this skill →

Spec Sheet

24

A ruled spec sheet: the rules draw on, the features land on their rows with a detail and a tick, and a highlight walks the rows.

Use this skill →

Widget Set

25

Four live widgets from the same parts: a switch flips on, a ring fills and ticks, teammates pop in, a timeline grows under a moving now-line.

Use this skill →

Type Echo

26

The line holds still while outlined echoes of it run as endless marquees above and below, sliding in turn, the stack scrolling upward on a loop.

Use this skill →

Type Slots

27

The words of the line spin on their own slot reels through the video's other words and lock into place, left to right.

Use this skill →

Rapid Fire

28

The features flash one per half-beat in changing treatments (solid, outline, boxed, italic), then the line punches in.

Use this skill →

Flip Switch

29

One word of the line flips through the features in its box like a flap card, slowing down until it lands on the real one.

Use this skill →

Zoom Through

30

Words rush out of the distance, hold the focus for a tick and fly through the camera, until the line arrives and stays.

Use this skill →

Slice Switch

31

A word is cut into strips that shear out sideways as the next word shears in, with a brand-coloured cut along the seams.

Use this skill →

Style Shuffle

32

The accent word jumps between typefaces and treatments on the half-beat, then locks into the video's own face inside snapping brackets.

Use this skill →

Split Flap

33

A departures board flips letter by letter through one or two features, then settles on the line, the accent word in the brand colour.

Use this skill →

Whip Pan

34

Words whip across the frame with a directional smear, one pushing the last out, until the line pans in and holds.

Use this skill →

Stack Stomp

35

The line drops in word by word into a tight justified stack, the words squashing on impact and kicking the stack.

Use this skill →

Speed Ticker

36

Rows of type race past in opposite directions and brake together; the centre row stops dead on the line.

Use this skill →

Cube Spin

37

A panel rolls like a cube on the tick, a new feature on the next face, until the line arrives on the last face.

Use this skill →

Speed Type

38

The last word of the line is typed at speed, selected and typed over, until it is the right word and the caret rests.

Use this skill →

Bar Wipe

39

A brand-colour bar sweeps over a word and pulls back on the next, alternating direction, then leaves a rule under the line.

Use this skill →

Crash Zoom

40

A word arrives from the distance, then the camera crashes through a letter's hollow straight into the next word.

Use this skill →

Word Grid

41

A grid of the features lights up in a fast snake chase, then folds into the centre as the line punches in.

Use this skill →

Orbit Text

42

The features spin round the headline on two counter-rotating rings that brake as the line lands in the middle.

Use this skill →

Tape Rush

43

Two tapes of type snap across the frame and race in opposite directions while the features punch in between, then the line lands.

Use this skill →

Jump Cut

44

Each feature in three hard camera jumps, wide, medium and a close-up in outline, inside snapping viewfinder corners, then the line punches in.

Use this skill →

Letter Rush

45

Letters fly in from the edges of the frame and snap into each feature, burst past the camera on the next, and the line's letters rush into place.

Use this skill →

Stamp Rush

46

The features are stamped round the frame one per tick, each with a kick, then the line stamps down in the middle.

Use this skill →

Rally

47

The features ping-pong between two brand-colour paddles, squashing on each hit, until the line is served into the middle.

Use this skill →

Spiral In

48

The features spiral in from the edge of the frame over turning spiral arms and fly out past the camera, then the line arrives from the distance.

Use this skill →

Speed Gauge

49

A needle whips round a dial step by step, a feature in the readout at each step, hits the redline, and the line lands below.

Use this skill →

Domino

50

Each feature's letters stand up in a chain and tip over like dominoes as the next word rises, until the line stands up and holds.

Use this skill →

Slipstream

51

The features race along an S-curve with long echo trails, slowing as they pass the middle, then the line rides in and stops dead centre.

Use this skill →

Stretch Snap

52

Each feature is yanked sideways into a thin streak and the next snaps in on a spring, until the line snaps into place.

Use this skill →

Rack Focus

53

The features sit at different depths and come sharp in turn as the focus racks between them, then focus pulls to the line in front.

Use this skill →

Command Palette

54

⌘K keycaps press, a command palette opens over a dimmed stage, a query types in, results filter live and Enter runs it.

Use this skill →

AI Prompt

55

A prompt types into an AI composer and is sent; the assistant thinks with a shimmer, then its answer streams in word by word.

Use this skill →

One-Click Flow

56

A cursor glides to the primary button behind a micro-zoom; one click and the tasks tick off in a fast cascade.

Use this skill →

Notification Stack

57

App notifications drop into an iOS-style stack, newest on top, with an icon, title and detail.

Use this skill →

Growth Chart

58

A real number counts up beside an area chart that draws itself on, with a glowing head and a tooltip.

Use this skill →

Code to Deploy

59

Code types into an editor, `git push` runs in the terminal below, the pipeline ticks green and the app goes live.

Use this skill →

Dot Globe

60

A dotted world turns while arcs fly between cities, landing with a ping and a live event card (Stripe / Vercel style).

Use this skill →

Live Cursors

61

Teammates' named cursors move a card, lasso another and leave a comment on a shared board, their avatars live in the title bar (Figma / Miro style).

Use this skill →

Kanban Board

62

A cursor drags a card across the board, then the rest of the work flows into Done by itself (Linear / Trello style).

Use this skill →

Before / After

63

A comparison slider drags from a grey, cluttered 'before' (the old way's pains on sticky notes) to the product itself.

Use this skill →

Chat Thread

64

Teammates message in a channel with typing indicators and a reaction, then the product posts its update card (Slack / Intercom style).

Use this skill →

Keycaps

65

Shortcuts pressed on big keycaps, one after another, with the action each one runs springing up underneath and a cheat-sheet row of the shortcuts below.

Use this skill →

Spotlight Callout

66

The product screenshot dims around a spotlight on one part, a leader line draws out to its label, then the spotlight moves to the next part.

Use this skill →

Toggle List

67

A settings panel whose switches a cursor turns on one by one, each track filling with the brand colour, then 'Settings saved'.

Use this skill →

Device Trio

68

The product's screenshot on a laptop, a tablet and a phone, sliding in together and scrolling gently.

Use this skill →

Exploded UI

69

The screenshot tilts into 3D and separates into floating layers, each labelled, then collapses back into the flat page.

Use this skill →

Changelog

70

A 'What's new' feed: entries roll in at the top with New and Improved tags, pushing the earlier ones down.

Use this skill →

Calendar Drop

71

Events drop into a week grid one by one with a little bounce, then a cursor stretches the last one to fit.

Use this skill →

Inbox Sweep

72

Messages swipe away one by one over a done colour, the rest sliding up, until the inbox is calm and empty.

Use this skill →

Comment Pins

73

Comment pins pop onto the product's screen and their threads open (an @mention in the brand colour), then the first is resolved.

Use this skill →

Table Fill

74

A table fills row by row, cell by cell (names, status pills, owners, tags), then sorts itself by status.

Use this skill →

Support

75

A help centre where a question types into search and articles appear, then the support chat widget opens and answers.

Use this skill →

World Map

76

A flat dotted world map: pins pulse, arcs fly between them and land with live event cards.

Use this skill →

Feature Slides

77

One full slide per feature (number, icon, title, benefit and the product's own UI) with story-style progress bars.

Use this skill →

Problem → Solution

78

The site's problems are struck through one by one, and an arrow draws to the feature that answers them.

Use this skill →

Product End Card

80

The product beside the closing line and a button that presses on the final beat.

Use this skill →

Angle Tour

81

The product's photos take turns on the stage, one sliding off level as the next glides in, with dots counting the angles.

Use this skill →

Detail Zoom

82

A magnifying lens glides over the product to its most detailed parts, enlarging them one at a time, with the feature it shows called out beside it.

Use this skill →

Trailer Cold Open

83

Hard cuts on the beat between tight close-ups of the product, one big word per shot, with flashes and cinema bars, then a white flash into the reveal.

Use this skill →

Video in Text

84

Giant type becomes a window onto your product footage, then the camera dives through a letter into it.

Use this skill →

Node Graph

85

Your steps become a node workflow: nodes pop in, wires draw between ports, data pulses through to a finished output.

Use this skill →

Gallery Flow

86

The product's images in a rounded frame, joined by GPU transitions (warps, zooms, window slices, grid flips) with captions.

Use this skill →

3D Carousel

87

The images on a curved 3D ring that turns card by card, the front card spotlit with its caption and a floor reflection.

Use this skill →

Tilted Wall

88

A perspective wall of the product's screenshots drifts past behind the headline: the Linear / Vercel hero look.

Use this skill →

Photo Fan

89

Portrait photo cards on an arc that turns one card per beat: the centre card upright and largest, the others tilting away, smaller and dimmer.

Use this skill →

Card Spread

90

A stack of photo cards fans open like a hand of cards, then the cards lift out in turn with their captions.

Use this skill →

Photo Drop

91

White-bordered prints drop onto the stage one after another at their own angles, captions written on the border.

Use this skill →

UI Assemble

92

Your real product page in soft focus; its best components are pulled out one by one for a close-up, glide back into place, and the whole page racks into focus.

Use this skill →

God Rays

93

Volumetric light shafts blaze through a silhouetted title until it ignites.

Use this skill →

Glass Shatter

94

Glass shards fly in, lock into your title with a glint, then explode apart.

Use this skill →

Particle Vortex

95

Thousands of particles spiral in and crystallise into your logo-type.

Use this skill →

Hyperspace Punch

96

Warp-speed star streaks accelerate until the title punches through.

Use this skill →

Kinetic Slam

97

Word-by-word impact typography with camera shake and speed lines.

Use this skill →

Glitch Decode

98

Scrambled glyphs decode into your title through RGB-split data-moshing.

Use this skill →

Shockwave

99

An energy core charges, detonates and blasts the title out with debris.

Use this skill →

Liquid Mesh

100

Flowing mesh-gradient blobs with editorial masked type rising through.

Use this skill →

Retrowave

101

Synthwave sunset, scrolling neon grid and a chrome title drop.

Use this skill →

Neon Ignite

102

Glowing tubes trace your letters, flicker on and reflect on the floor.

Use this skill →

Orbital Core

103

Tilted 3D orbits with satellites circle a glowing core title.

Use this skill →

Stat Counter

104

A glowing counter races up to your number inside a progress dial.

Use this skill →

Cinematic Title

105

Letterboxed push-in, metallic type, light sweep and anamorphic flare.

Use this skill →

Block Cascade

106

Colour blocks wipe through the letters in a rhythmic cascade.

Use this skill →

Split Sweep

107

Diagonal colour panels sweep through while the title slices together.

Use this skill →

Shape Burst

108

A colour flood and confetti of geometric shapes with elastic sticker type.

Use this skill →

HUD Interface

109

Sci-fi HUD brackets, live readouts and a typed title with scan line.

Use this skill →

Warp Tunnel

110

A neon hex tunnel flythrough that fires the title out of the vanishing point.

Use this skill →

3D Flip

111

Solid extruded words spin in on the beat over a spotlit stage.

Use this skill →

Anamorphic Flare

112

A blue anamorphic streak sweeps the frame with lens ghosts in tow and leaves the title lit in its wake.

Use this skill →

Monolith

113

A dark slab rises out of the fog on a glowing horizon, rim-lit, as the title's letters close in above it.

Use this skill →

Sand Reveal

114

Wind blows a front of sand across the frame and the title forms where the grains settle, then firms into solid type.

Use this skill →

Ember Title

115

Embers rise through the heat while the title, forged white-hot, cools into the video's metal.

Use this skill →

Steel Title

116

An extruded chrome title tilts up into place over its own floor reflection, and a glint runs across the steel.

Use this skill →

Eclipse

117

The moon slides over the sun, a diamond ring flashes at the edge, the corona blooms and the title appears below.

Use this skill →

Countdown

118

3, 2, 1 land heavy on sweeping timer rings with a kick apiece, then the title slams in on a ring of light.

Use this skill →

Searchlights

119

Premiere searchlights sweep and cross the night sky behind the title, lit from below.

Use this skill →

Rift Open

120

A burning seam tears open down the frame, sparks flying, and the title glows inside the rift.

Use this skill →

Blade Slash

121

A blade of light cuts the frame corner to corner and the two halves slide apart on the title.

Use this skill →

Icon Reveal

122

Big line icons draw on one per beat inside rim-lit plates with their labels, under a heading in the title face.

Use this skill →

Icon Ring

123

Icons fly out of the centre into a slowly turning ring, and the line lands inside it.

Use this skill →

Logo Reveal

124

Your logo bursts in with light rays, a shockwave and a glint, then the name.

Use this skill →

Product Showcase

125

Your site's screenshot or video in a floating 3D browser window.

Use this skill →

Photo Montage

126

Full-bleed imagery with Ken Burns motion, a brand-colour grade and masked type.

Use this skill →

Screen Wall

127

An endless 3D wall of your site's images scrolls behind a bold headline.

Use this skill →

Studio Ident

128

A beam of light sweeps across black and leaves the studio's name in brushed metal, 'PRESENTS' beneath.

Use this skill →

Title Card

129

A line of the story alone in tracked capitals, faded up from black and held over a slow push: the trailer's voice between shots.

Use this skill →

Billing Block

130

The trailer's end card: the title, the credits in tall condensed capitals, and the release line.

Use this skill →