Text Indent

A Framer text component that aligns paragraph indentation to a column grid, with optional GSAP animation and typography controls.

Text Indent — product preview

About Text Indent

Text Indent makes the inset of a text block follow the structure of a grid. The column count, gap and chosen indentation work together, giving the start of the text a relationship to the surrounding layout.

Its content, font and color remain editable, and the HTML tag can be selected for the text’s role. Optional animation adds movement without requiring the indentation itself to become an animated effect.

Component details

Aligns text indentation with grid-based columns.

The Animate control enables or disables GSAP text animation.

Supports up to twelve columns and a configurable number of indent columns.

Column gap, text content, font, color and HTML tag are editable.

Configure the component through Framer property controls; optional text motion uses GSAP.

Tags

Built something worth finding?

Submit a site, template, component or tool built with any stack. We will add it to the atlas.

Submit

More

Submit
Loading
World Web Atlas

Hop on in partner

Save favourites, submit work and manage your profile.Save favourites and submit work.

Continue with GoogleContinue with Discord