---
title: "Kinetic Type — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Lee Black · Text. A minimal type & image experience"
canonical: "https://framer.elliotli.dev/component/kinetic-type"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Kinetic Type

# Kinetic Type

A minimal type & image experience

[View on Framer](https://framer.com/marketplace/components/kinetic-type/?via=elliot-li)

![Kinetic Type preview image 1](https://framer.elliotli.dev/og/component/kinetic-type/6a06652e6122d837/1600x1200.jpg)

## Summary

A minimal type & image experience

## Description

KineticType is a minimal, auto-animating text component built for bold, expressive typography and imagery in Framer. With multiple animation styles and fine-tuned controls, it’s ideal for titles, headings, or motion-led layouts. No code required—just drop it in and adjust everything from font and colors to wave speed and vertical timing.

**Features**

-   No-code setup with live preview in Framer
    
-   Custom text, fonts, and color settings
    
-   Adjustable wave speed and intensity
    
-   Horizontal and vertical block controls
    
-   20 animation styles: wave, ripple, spiral, zoom, glitch, flow bounce, swirl, pulse, checker, twist, shear, shatter, mosaic, slide, bars, shimmer, pixelate, tunnel, explode
    
-   Add your own image to make it feel more immersive
    
-   Auto-animate or on a per style basis
    
-   Invert color mode for light or dark backgrounds or general colour inversion
    
-   Designed for clean, modern layouts
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #6658

## Details

- **Author**: Lee Black
- **Price**: $10.00
- **Published**: 2025-08-04
- **Updated**: 2026-01-30
- **Added**: 2025-08-03
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing