Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Motion design videos written in code

Animated titles, explainers and 3D renders produced by your coding agent, frame by frame, with resources from the catalog.

Examples

  • Kinetic titles

    Words that enter, slide and answer each other to the rhythm of a voice or a track.

  • Animated explainers

    A diagram that builds step by step to present a product or an idea.

  • 3D scenes

    An object turning in the light, rendered with Three.js and exported as a video.

Style traits

  • Smooth motion
  • Typography up front
  • Brand colors
  • Timing set to sound
  • Short length

Steps

  1. Pick a template

    Start from a motion template in the catalog close to the result you want.

  2. Give the brand

    Colors, fonts and tone: the agent applies them to every frame.

  3. Write the prompt

    Describe the scene, the length and the output format.

  4. Review and export

    Adjust the code if needed, then let the agent encode the video.

The prompt

Create a 12-second kinetic title animation in HTML and CSS: three short lines appear word by word on a warm off-white background, in our brand colors, then export it as a 1080p MP4.

Use cases

  • Product launch

    A short announcement for social media, in your brand colors.

  • Teaching

    A concept explained in a few seconds, with a diagram.

  • Client reports

    Animated key figures to open a presentation.

Related resources

Frequently asked questions

Do I need editing software?

No. The agent writes the animation in HTML, CSS or Canvas, then encodes it as a video. You review and adjust the code.

Can I keep my brand identity?

Yes: give the agent your colors and fonts, or a DESIGN.md file, before starting the animation.

Are all the related resources paid?

No. The grid shows the free resources, which you can install without an account.

The whole catalog is waiting

Browse resources