Template Library
Every template category, the template panel's settings, product demo templates, chats and social posts, maps, and moving a template's parts.
This is the full reference for the template library. For the short version, see Templates.
The Templates page
Open Templates in the sidebar to browse everything before you open a
project. The sidebar switches to the library's sections, the same way Settings
does: All templates, Workflows, Skills, Caption styles, then
each template category under Categories: Openers, Paper cut, Visual styles,
Product UI,
Titles & lower thirds, Kinetic type, Charts & numbers, Social
posts, Messages & alerts, Maps & travel, Tutorials & callouts, and
Transitions. Back to Klipeo at
the top returns to the main sidebar. Each section has its own address, such as
/templates?section=maps, so you can bookmark it.
Search and Autoplay sit beside the page title. Search filters the section
as you type. Every word you type has to match, and it looks at names,
descriptions, categories, and variant names, so blue lower finds a lower
third with a blue look. Autoplay plays the cards currently on screen;
offscreen cards stay still. Automatic playback respects your reduced-motion
setting. The title row slides away while you scroll down the grid and comes back
when you scroll up.
All templates opens with Popular, the templates an admin pins on the Featured templates admin page, in the order they set, then a heading per category. Popular hides while you search. Cards zoom in on what each template draws, so a lower third, a badge, or a phone fills its card. Workflows groups them by the job they do: Organize and assemble, Cut and pace, Sound and music, Captions and words, Graphics and brand, Look and b-roll, and Formats and social.
Template cards load ready-made thumbnails while you browse. Hover or focus a card to preview its motion, or open it to play and edit the full template. The Mac app bundles the same thumbnails for offline browsing.
Lower thirds, news straps, notifications, and vertical-video overlays show over sample artwork in their gallery cards. The artwork helps you judge placement and contrast; it is not added to your project.
Click a template to open it in a panel beside the grid. It plays there, and every setting is ready to change:
- Style shows each variant as a picture. Pick one to restyle the template and keep anything you typed or uploaded; the outlined picture is the variant your settings match, and Custom appears once you change a setting a style controls.
- The settings are the same controls as Inspect in the editor, laid out in open sections: Content, People, Colors, Look, Labels & details, and Settings.
- Colors lists the template's color settings. Click a swatch for the picker, or type any hex code, so you are not limited to the variants. A color that follows the template's theme, look, or palette shows Auto with a dashed swatch until you pick one. Press the x in its field, or clear the field, to hand it back to the template.
- Lists edit as rows under named columns. Press Enter to add the next row, Backspace on an empty row to remove it, or paste several lines to add them all. A list that is full disables its Add button and says why.
- Reset beside the template's name returns every setting to where it started, and Undo reset brings your edits back until your next change.
- The preview stays at the top of the panel while the settings scroll. On a short window it shrinks to leave room for them. A text field's guidance shows under it.
- Longer text, such as an answer that keeps its line breaks, grows with what you type up to about eight lines and then scrolls. Titled lists, such as plan cards or agent steps, give each item a title and its text.
- A chat script edits as the thread it becomes. Each message has a sender chip (You, Them, or a person by name); New person… adds someone and Rename… renames them everywhere they speak or are quoted. Your own messages are tinted blue. The + beside a message adds a photo, a voice note, a reply, or a reaction, each shown as a chip under the message: click a chip to edit it, or its x to remove it. One message can hold several of these. Enter adds the next message, and Add divider adds a Today line. Simple two-person chats, such as Message thread, offer only You and Them, because that is all they draw.
- In a group chat, the People rows are named after the people in the script, in the order they first speak.
- Lists with several columns name them above the rows. Labels & details, the interface wording around a chat or a page, starts folded.
- Lists such as map values, chart data, or cities edit as rows. Data like
India: 1441gets a country menu and a value box per row. - The expand button (two diagonal arrows) on the preview shows it full screen.
- Drag the grip between the grid and the panel to make the panel wider or narrower. Escape first leaves a field or closes an open menu; press it again, or press the close button, to close the panel.
Open in new project stays at the bottom of the panel and creates a project whose first edit holds the template with your settings. To ask Vibe for a change, open the project and use the agent beside the editor.
Click a workflow or a skill to go to the home page with it already selected in the composer. Add your own words or files, then send. The home page also shows the featured workflows under the composer, with All workflows leading back here.
Product demos and launch videos
The library includes editable title animations, logo reveals, device shots, AI conversations, charts, galleries, and transitions. Search for a name such as Phone stack, Agent Chat, or Depth Swap, or browse its existing category. Weekly changelog, Feature drop, Startup pitch, Product tour, and Product launch combine several scenes into a complete video.
The examples use Klipeo branding, original artwork, and bundled sample footage. Change the text, colours, numbers, and available media settings before opening the template in a project, or select its clip and edit them in Inspect afterwards.
Phone frame, Laptop frame, Screen recording push, Phone stack, Reel wall, Hero launch, and Reel collage play video inside their screens and cards. Select Upload beside a video setting to choose an MP4, MOV, or WebM file. The video follows the clip's time when you play, seek, or export. Video start in Screen recording push offsets the footage.
An uploaded video takes priority over the slot's picture. Remove the video to show that picture again; leave both empty to use the bundled sample footage. A picture stays visible while the video opens, or if its codec cannot play in your browser. Phone frame and Laptop frame also offer a drawn app screen in the Screen setting.
The Mac app includes the same catalog, drawing code, sample pictures, and footage in its native Templates section. Browsing and previews work offline; opening a new project still needs a connection and a signed-in account.
In the editor
The Templates tile has three tabs: Templates, Plugins, and Skills. Templates lists the motion templates you can edit after you add them, with a search bar on top. The menu button beside the tabs picks a category; with a category picked, every variant gets its own card.
Motion templates
Hover a card to play it, and click it to add it at the playhead on a new track. In the web editor, you can also drag a card from Templates onto the timeline. The clip starts where you drop it and keeps the chosen variant and its duration. An overlapping drop creates a separate track. Pick a category from the menu: Openers, Paper cut, Visual styles, Product UI, Titles & lower thirds, Kinetic type, Charts & numbers, Social posts, Messages & alerts, Maps & travel, Tutorials & callouts, or Transitions. Cards zoom to make the template readable. Tutorial cards show sample footage or a Klipeo screen beneath the effect. Broadcast and social overlays also show sample artwork where they would sit over video. That sample context stays in the gallery; the clip you add to an edit remains a transparent overlay.
Openers are pieces where the movement is the point. Each has a Speed setting that plays the motion faster or slower without changing the clip's length.
| Template | What it does |
|---|---|
| Mosaic title | Glass tiles light up in one wave, then a name super wipes in on crisp plates |
| Liquid ribbons | Lit silk ribbons twist and fold across the frame on a seamless loop |
| Echo type | A word with a stack of cut echoes that unfold, breathe once and fold back |
| Type poster | One huge word on a specimen sheet, each letter rising out of its own mask |
| Rolling counter | Digits roll like a real odometer up to your number, each wheel carrying the next |
| Split headline | The two halves of a headline fly in from opposite sides and lock on a hairline seam |
| Hyphen wordmark | Two words joined by a hyphen that grows, stands up and shrinks, pushing them apart |
| Glitch wordmark | A wordmark on a scanned sheet breaks up in short glitch bursts, then snaps back clean |
| Logo sting | A dot drops in, sweeps your wordmark into view as a bar, and lands as its full stop |
Paper cut pieces have the cut-paper explainer look: torn paper, newsprint and cardboard scraps, tape, halftone, and marker. They move on twos, twelve poses a second. Hand-made jitter makes every piece shiver slightly on each pose, the way stop motion does. Every word and colour is a setting. They sit over your footage. Set Background to Paper board to put them on a paper sheet instead.
| Template | What it does |
|---|---|
| Torn paper title | A torn colour strip slaps down on newsprint and cardboard, letter by letter |
| Cutout collage | Torn shapes, halftone, newsprint and tape pop onto the frame, then a label tag |
| Highlighted document | A typed page slides in, a marker sweeps the key phrase and a pen circles a word |
| Paper tear | A sheet covers the frame, rips open to reveal the shot and leaves a torn label |
| Evidence board | Notes pin on one by one and a red string connects each to the next |
| Doodle annotation | A hand-drawn circle, arrow, underline, box or burst draws itself with a label |
| Noir quote | A black-and-white serif quote surfaces word by word over film grain |
Visual styles are full-frame pieces, each in one strong graphic style. Every word, colour, and the font is a setting, most can sit over your footage with Background set to None, and the looping ones have a Speed setting.
| Style | What it does |
|---|---|
| Particle swarm | Glowing dots gather into your word, shimmer, then burst outward |
| Liquid chrome | Iridescent chrome blobs orbit, merge and split |
| Holographic foil | An embossed foil card tilts in perspective as a coloured glint crosses its surface |
| Neon sign | A glass-tube sign stutters on and buzzes on a brick wall |
| Wireframe 3D | A knot draws itself line by line, then turns in perspective |
| Glass widgets | Music, weather, focus and goal widgets in frosted glass, liquid glass, neumorphism or clay |
| Kinetic type | Words slam in one per beat over an echoing outline stack |
| Isometric city | A block city builds in diagonals, then its towers ripple |
| Clay toys | A textured clay still life assembles on a plinth, with an arch, cube, sphere and upright ring |
| Mesh gradient | Colour points drift into a soft, grainy gradient, with optional headline |
| ASCII art | A spinning shape drawn in text characters on a glowing CRT |
| Comic page | A halftone panel with a burst and a sound effect, then a speech bubble |
| Split-flap board | Worn flaps in a screwed-down housing flip through letters and settle on your message |
| Synthwave VHS | A striped sun over a neon grid, with tape glitches and an on-screen display |
| Halftone print | Shapes printed only in halftone dots that re-shade as they turn |
| Bauhaus grid | Primary-colour shapes pop into a grid, then rotate and flip to the beat |
| Pixel art | An original 8-bit robot runs and jumps for coins while the counter ticks up |
| Blueprint | Meshing gears draw on with dimension lines, then turn together |
| Art Deco reveal | Gold hairlines draw an arch and sunburst, then a wide-spaced word rises |
| Neo-brutalist UI | Thick-bordered cards slam in, a cursor presses the button, a stat counts up |
Product UI templates are interface moments for launch videos, demos, and promos. A cursor drives each one, and every word, price, stat, colour, and the font is a setting. Each comes in a light studio look, a dark look, a brand accent, and most in Over footage.
| Template | What it does |
|---|---|
| Search bar | A query types into a search field and results slide in |
| Command palette | A ⌘K palette opens, filters as you type, and runs a command with a toast |
| Morphing button | One button morphs into a loader, a check, and a done state, then loops |
| Sign-up form | A cursor fills a form, flips a switch, and submits to a success state |
| Toast stack | App notifications stack in a corner and fan open on hover |
| App icon reveal | Your app icon springs up with its name, tagline, and an availability pill |
| Browser launch | A browser types your address, loads your hero, and clicks the button |
| Typed headline | A launch line that types, selects, and retypes its last word |
| Phone app screen | A phone shows your app screen beside a headline, with a tap and a scroll |
| Before and after | A divider sweeps from a messy before to a polished after |
| Pricing cards | Plans rise in, the popular one lifts, and prices roll to yearly |
| Dashboard stats | Stat cards count up and a cursor scrubs the chart's tooltip |
| Feature cards | A grid of feature tiles assembles and one is picked |
| Update card | A What's new card ticks off each change, then the button is pressed |
| Milestone unlock | A ring fills as the count rolls to your milestone and a badge unlocks |
| Template | What it does |
|---|---|
| Title reveal | A film title that pulls into focus or rises word by word, over a spaced credit line |
| Name lower third | A name and role as a card, an accent bar, broadcast plates, clean, or editorial |
| Location lower third | A place and its coordinates as a dateline, frosted card, readout, editorial or card |
| Count-up statistic | A number that rolls up on odometer digits, in four layouts |
| Bar chart | Bars that rise over a ruled grid with counting values and a note, as columns or rows |
| Donut chart | Slices sweep around a ring while the legend counts up |
| Line chart | A smooth line draws across your points with a value tag that counts |
| Versus | Two figures run against each other with a share bar, while the year ticks by |
| Message thread | An iPhone chat with tailed bubbles, typing, and Delivered turning to Read |
| Notification | An iOS-style banner that springs down from the top and rings its icon |
| Subscribe nudge | A channel card whose button a cursor presses, turning it to Subscribed |
| Review card | A testimonial or App Store-style review with stars that light up one by one |
| Follow prompt | A profile card or pill whose Follow button is tapped and turns to Following |
| Live badge | A LIVE badge with a breathing dot and a viewer count, in three styles |
| Call to action | A headline and a glossy button that gets pressed, for the end of a video |
| Film title card | A main title graded like a film print, with grain, dust and letterbox |
| Chapter card | A chapter number rolls up beside its title and a note, between parts of a video |
| Documentary lower third | An interviewee's name in a serif over a drawn hairline, or newsroom, archive, minimal |
| News strap | A tag, a headline strap, and a ticker that crawls with the time beside it |
| Stat with sparkline | A metric card: the number counts up, a change pill pops, and a trend line draws |
| Leaderboard | Rows race from start to end values and re-sort as they overtake each other |
| History timeline | A line draws through your dates, each year landing with a short caption |
| Countdown timer | Counts down second by second on a ring, a split-flap clock, or giant digits |
| Podcast episode | Cover art, show, episode, title and guest, with a waveform that plays |
| End screen | A thank-you, two video frames where YouTube places its end-screen elements, and Subscribe |
| Social proof | An avatar stack, a user count that rolls up, and a star rating |
Kinetic type templates move a few words to make a point. Each one works on its own color or, with Background set to None, over your footage.
| Template | What it does |
|---|---|
| Text scramble | A headline decodes from shifting characters, one letter at a time |
| Word swap | A fixed phrase whose last word swaps through your list, one per line |
| Kinetic stack | Short lines stack up, each sized to fill the width |
| Bouncy headline | Letters drop in, squash once on landing, and settle |
| Marker highlight | A sentence appears word by word, then a mark sweeps your phrase |
| Quote | A quote fades in word by word with the speaker's name |
Tutorials & callouts play over a screen recording or how-to. Positions are fractions of the frame, 0 to 1 from the top left, so Target across 0.86 and Target down 0.12 point near the top right corner on any canvas size.
| Template | What it does |
|---|---|
| Callout arrow | An arrow draws from a label to the spot you set and lands with a small bounce |
| Focus ring | Dims the frame around a region and springs a box, ring, brackets or loop on it |
| Click ripple | A cursor glides between your points and clicks each, with a ripple |
| Keyboard shortcut | Keycaps press down one after another, with what the shortcut does beside them |
| Step badge | Step 2 of 5 and its title in a corner pill, with a row of progress segments |
| Chapter progress | A bar of your chapters along the bottom, the current one filling as it plays |
| Split compare | A divider and a label for each side of a split screen or before and after |
For Click ripple, write one click per line as x, y, such as 0.32, 0.4.
For Keyboard shortcut, join keys with +; cmd, ctrl, alt, opt,
shift, enter, and tab show as their symbols.
Shape wipe, Ink wipe, and Light leak cover the whole frame at their midpoint and uncover it again, so the cut underneath never shows. Put one on a track above both shots with its middle on the cut: start it half its length before the cut.
| Template | What it does |
|---|---|
| Shape wipe | Three colour layers sweep through as bars, an iris, angled panels or blinds |
| Ink wipe | Ink blooms over the frame with ragged edges, then clears from the same point |
| Light leak | Warm light floods through the gate and burns toward white, with an optional film burn |
Shape wipe can show a word on its top layer while the frame is covered, such as Part two.
Move a template's parts
Some templates are built from named parts: a title and its credit, a number and its label, a chart and its legend. Select the clip on the timeline and its parts show as chips inside it. Pick a chip, or click a part's outline on the canvas, then:
- Drag the outline to move that part.
- Press the arrow keys to nudge it, or hold Shift for bigger steps.
- Double-click the outline to put the part back.
On maps, the title card, each place label, and a route's distance badge are parts, so you can pull a label clear of a crowded spot. Pins stay on their cities.
The playhead has to be inside the clip and playback paused for the outlines to show. Reset positions in the inspector puts every part back at once. Moved parts stay where you left them in the export.
| Template | Parts |
|---|---|
| Mosaic title | Kicker, Title, Subtitle |
| Type poster | Word, Caption |
| Rolling counter | Number, Label |
| Split headline | Line above, Headline |
| Title reveal | Title, Credit |
| Film title card | Top line, Title, Credit |
| Chapter card | Number, Title |
| Logo sting | Wordmark, Tagline |
| Callout arrow | Label |
| Focus ring | Label |
| Stat with sparkline | Card |
| Leaderboard | Title, Rows |
| History timeline | Title, Timeline |
| Countdown timer | Count, Label |
| Podcast episode | Cover, Details |
| End screen | Headline |
| Count-up statistic | Number, Label |
| Bar chart | Heading, Bars, Source |
| Versus | Left number, Right number, Source |
| Donut chart | Title, Ring, Legend, Source |
| Line chart | Heading, Chart, Source |
| Text scramble | Line above, Headline |
| Bouncy headline | Headline, Line under |
| Quote | Quote, Name |
| Visual styles | The main title and its caption |
| Chats and posts | The phone, window, or card as a whole |
Chats and social posts
Messages & alerts and Social posts also hold app-styled templates, each with a light and dark look and ready-made presets.
- Chats: WhatsApp-style, iMessage-style, Messenger-style, Instagram-style DM, Snapchat-style, and Telegram-style chats sit in a phone with a status bar. Discord-style and Slack-style channels sit in a desktop window. Turn off Phone frame to show just the screen.
- Posts: X-style post (with an optional photo or link card), Instagram-style post and story, Threads-style post, LinkedIn-style post, Reddit-style post, YouTube-style comment and community post (with a poll), and a creator milestone card whose subscriber count ticks to a round number. Likes, views, and votes count up to the numbers you set.
- Over vertical video: a TikTok-, Reels-, or Shorts-style caption and counter rail, a Snapchat-style caption band, a story poll or question sticker, and like and follow notifications.
The chat editor writes the script for you. Underneath, and when Vibe writes a chat for you, it is one message per line:
| Line | What you get |
|---|---|
me: just exported it | Your message |
them: did it land? | The other person's message |
Maya: I'm in | A named sender. Any name makes it a group chat |
--- Today | A day divider |
me: [photo] first frame | A picture message with a caption |
me: [voice 0:14] | A voice note |
them: [reply Maya: it?] yes | A reply that quotes an earlier message |
them: ship it {🔥 2} | A reaction, with an optional count |
Presets fill in a whole look and script, such as Storytime, Text prank (green text-message bubbles), Brand review, Gamer raid, Startup team, Product launch, News reaction, Podcast clip, Educator Q&A, and Creator milestone. Your own words stay when you switch looks.
To use your own pictures, select Upload beside a picture setting, such as Contact picture, Profile picture, Sender 1 picture, or Post picture. The picture replaces the letter avatar or the drawn photo, and Remove puts it back.
These are look-alikes with neutral icons and made-up names; change every name, handle, number, and colour in Inspect.
Maps
Open the Maps & travel chip to see every map in every look. Each look has its own paper or surface, label type, pins, route line, and title panel, so the styles differ in motion too:
| Look | What it looks like |
|---|---|
| Graphite | Dark land with soft terrain shading and a glowing route |
| Satellite | NASA's Blue Marble imagery, uppercase labels, cased route |
| Night | NASA's Black Marble city lights with glowing labels |
| Atlas | Natural Earth shaded relief, serif labels, map pins, dashed route |
| Watercolor | Painted land and water on watercolour paper, hand-drawn route |
| Blueprint | White line drawing on blue, monospaced labels, crosshair pins |
| Mono | Black and white with boxed labels and a solid route |
| Parchment | Aged paper, sepia ink, engraved compass rose, wax-seal pins |
| Neon | Glowing cyan borders and magenta routes over scanlines |
| Newsprint | Dot-screened land on newspaper stock, bold condensed labels |
| Pastel | Soft country colours, thick rounded outlines, sticker labels |
| Chalkboard | Chalk lines and handwriting on a green slate |
| Risograph | Two misregistered inks on speckled paper |
| Gold | Thin gold lines and wide-spaced serif capitals on black velvet |
| Editorial | A light grey news map with a scale bar and a broadcast title card |
| Topographic | Contour lines over shaded relief, with summit pins and a dashed trail |
| Dark 3D | Raised land slabs with shadows; highlighted countries lift up |
Each look sets its own font and accent colour; change either in Inspect. Each map works for any of the 177 countries and a list of over 100 cities.
| Map | What it does |
|---|---|
| Country spotlight | Dives from the world onto a country, lights it up, and sets its facts beside it |
| Route flyover | A flight arcs between two cities with a plane, while the distance counts up |
| Trip itinerary | Draws a trip of up to eight stops, leg by leg, numbering each stop |
| Pin drop | Drops a pin on each city in your list, each with a name tag |
| Coverage map | Lights up each country in your list, one after another |
| Globe reveal | Turns a shaded globe to face a country and lights it up |
| Bubble map | Shows a value for each country as bubbles or columns that count up |
| Then and now map | Shows two sets of countries, the second wiping in over the first |
Pick the country or city from the menu in Inspect, or type the list one per
line for trip itineraries, pin drops, and coverage maps. For a bubble map, type one
Country: value per line, and set the unit in After each value. A route
arcs above the map like a flight, with its track on the ground below; turn
Plane off to lead it with an arrow instead.
Map imagery: NASA Visible Earth (Blue Marble, Black Marble) and Natural Earth shaded relief, both public domain. Country outlines come from Natural Earth. Paper and surface textures are original.
Select a motion template on the timeline to edit it in Inspect. Every word, number, color, font, and layout is a setting there. The Style menu at the top switches between the template's variants without changing your text, and the settings fold into Content, People, Colors, Look, Labels & details, and Settings groups so a long template stays scannable. Content and Colors start open.
- Bar chart: each bar is a row with its label and its value.
- Message thread: each message is a row with its sender, as in the Templates panel.
You can also ask Vibe, for example "add a count-up of 2.4 million views when I say it" or "make the lower third say Priya Raman, Head of Design, in our orange". Vibe uses the same settings, so you can edit anything it adds. Claude Code, Codex, and other agents connected through the Mac app or the bridge can add and edit motion templates the same way.