51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:Tcc5,

Inline Visual Words is a word-level animation component that lets you seamlessly replace selected words with animated visuals — without breaking layout, spacing, or typography.

It’s lightweight, responsive, and built to work perfectly with Framer’s typography system and layout engine.

How it works

You provide a full text string
Define one or more words to animate
Each selected word smoothly switches between text and an image
The rest of the text remains completely untouched and inline

All animations run without affecting line height, spacing, or surrounding content.

Smart behavior

Multiple words can be animated in a single line
Each animated word can have its own image and alignment
If no animated words are provided, the component behaves like normal text
Typography is always inherited from Framer’s text controls

This ensures the component works instantly without complex setup.

What you get

Inline word-to-image animation
Multiple animation styles (Fade, Scale, Flip, Slide)
Support for multiple animated words
Per-word image alignment control
Smooth, non-layout-breaking transitions

Content & layout

Text — Full text content
Animated Words — Define which words animate
Text Align — Left, center, or right alignment
Image Align — Control image position per word

Everything stays inline and responsive by default.

Animations

Fade — Subtle blur + vertical fade
Scale — Soft zoom in/out
Flip — 3D-style rotation
Slide — Horizontal motion

Animations are selectable directly from props.

Typography

Fully compatible with Framer typography
Font family
Font size
Font weight
Line height

No typography overrides or duplication.

Default values

Inline Visual Words ships with sensible defaults that work instantly:

Neutral animation timing
Clean fade animation
No forced colors on animated words
Balanced motion easing

You can use it as-is or customize it to match your design system.

How to use

Drop Inline Visual Words onto your canvas
Add your text
Define animated words and images
Choose an animation style
Adjust timing or alignment if needed

That’s it — no extra setup required.

Best used for

Hero headlines
Feature callouts
Marketing copy
Landing pages
SaaS and startup websites

Inline Visual Words adds personality and motion to text — without overpowering your design.

53:Teef,

AutoCover is a word-level hover interaction component that allows you to highlight a single word inside any text. It adds a smooth animated cover, subtle beams, particles, and decorative dots, without affecting layout, spacing, or typography.

The component is lightweight, responsive, and designed to work seamlessly with Framer’s typography system.

How it works

You provide a full text string
Specify one word to highlight
On hover, that word reveals an animated cover with beams and particles
The rest of the text remains completely untouched

Smart default behavior

If no highlight word is provided, AutoCover automatically highlights the last word in the text.This ensures the component always works out of the box without extra setup.

What you get

Inline single-word hover interaction
Smooth animated cover on hover
Animated beam effects across the cover
Floating particle effects on hover
Decorative corner dots in idle state
Preserved text flow and typography
Responsive by default across screen sizes

Customizable Properties

Content & Layout

Text – Full text content
Highlight Word – Word to apply the effect (optional)
Text Align – Left, center, or right alignment

Colors

Highlight Text Color – Text color of the highlighted word
Cover Color – Default background cover color
Hover Cover Color – Cover color on hover
Beam Color – Beam animation color
Hover Beam Color – Beam color on hover

Particles

Count – Number of particles
Size – Particle size
Color – Particle color

Dots

Size – Corner dot size
Color – Dot color

Typography

Font family
Font size
Font weight
Line height
Letter spacing

Default Values

AutoCover comes with carefully chosen defaults that work instantly:

If Highlight Word is empty → the last word is highlighted
Neutral cover and beam colors
Balanced particle density
Clean typography settings

You can use the component as-is or fully customize it to match your design system.

How to use

Drop AutoCover into your canvas
Add your text
(Optional) Set the word you want to highlight
Adjust colors or typography if needed
Hover the word to see the interaction

Best used for

Hero headlines
Feature highlights
Product callouts
Landing pages
SaaS, startup, and modern websites

AutoCover gives you a focused, word-level interaction that enhances your content without overpowering it, clean, flexible, and built specifically for Framer.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-221fcf65-84d2-4a41-bd2a-185483b28234-all:/unified/creator/221fcf65-84d2-4a41-bd2a-185483b28234/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:221fcf65-84d2-4a41-bd2a-185483b28234:/unified/posts/?creator=221fcf65-84d2-4a41-bd2a-185483b28234&with=reposts":[{"data":[{"id":"019c7007-6452-734f-b487-15ef2d5e1c70","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"221fcf65-84d2-4a41-bd2a-185483b28234","name":"Kmax Design","slug":"kmax-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1670117/VOHbq-HUr-l7LE3K9HrlMYi2iJwmEBI3pcnCVdzh","followed":false,"followsYou":false},"media":[],"resources":[{"id":"jZqZeb5RAPS4eLgGjUQ5","resolved":true,"title":"InlineVisualWord","body":"$52","bodyJson":null,"introduction":"Animate words with images, inline.","slug":"inlinevisualword","author":{"framerUserId":"221fcf65-84d2-4a41-bd2a-185483b28234","name":"Kmax Design","slug":"kmax-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1670117/VOHbq-HUr-l7LE3K9HrlMYi2iJwmEBI3pcnCVdzh","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/jZqZeb5RAPS4eLgGjUQ5/inlinevisualword-JpEexgxrYC8aO3mYBRWCcjjJvxOzK3","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-13T06:40:38.380Z","updatedAt":"2026-02-25T06:58:09.341Z","publishedAt":"2026-02-18T09:14:18.578Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/InlineVisualWords-chdii4.js@Xv8Mxn2OjYSUjkPMdRYO","previewUrl":"https://inlinevisualwords.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"Xv8Mxn2OjYSUjkPMdRYO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-18T09:14:18.578Z","updatedAt":"2026-02-18T09:14:18.578Z"},{"id":"019c123f-2602-79e8-9b76-386dfe3ad336","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"221fcf65-84d2-4a41-bd2a-185483b28234","name":"Kmax Design","slug":"kmax-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1670117/VOHbq-HUr-l7LE3K9HrlMYi2iJwmEBI3pcnCVdzh","followed":false,"followsYou":false},"media":[],"resources":[{"id":"oPvU8gfgE68S3xjkqVM7","resolved":true,"title":"AutoCover","body":"$53","bodyJson":null,"introduction":"Highlight a word on hover","slug":"autocover","author":{"framerUserId":"221fcf65-84d2-4a41-bd2a-185483b28234","name":"Kmax Design","slug":"kmax-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1670117/VOHbq-HUr-l7LE3K9HrlMYi2iJwmEBI3pcnCVdzh","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/oPvU8gfgE68S3xjkqVM7/autocover-k2SQ4Rju06uj4uvENqk7BZYMQUlGBA","metadata":{"tint":{"h":270,"s":41,"l":66},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-22T08:32:04.491Z","updatedAt":"2026-02-18T11:59:56.773Z","publishedAt":"2026-01-31T04:10:54.338Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/AutoCoverHeading-Vic3Or.js@bPGLvVLHPvALRDtWMigH","previewUrl":"https://simplest-leaders-748785.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"bPGLvVLHPvALRDtWMigH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":49,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-31T04:10:54.338Z","updatedAt":"2026-01-31T04:10:54.338Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]