MorphText: Premium Typography Component by Arsalan Ali

Marketplace Components Categories Typography

Each word surges from hairline to black weight, flashes an accent color, then settles — a variable font morph no other component offers. 8 modes: Default, Glitch, Wave, Blur, Expand, Stamp, Flip, Rise. Scroll-triggered, responsive, and motion-safe.

About this Component

8 animation modes

Default · Glitch · Wave · Blur · Expand · Stamp · Flip · Rise

10 property controls

Text, mode, stagger, duration, settled weight, font size, mobile size, accent color, peak color, settled color.

Requirements

A variable-weight font loaded in Project Settings → Fonts (Unbounded, Raleway, or DM Sans recommended — all free on Google Fonts).

Responsive

Separate desktop and mobile font size controls. Switches automatically at 768px.

Accessibility

Respects prefers-reduced-motion — fades in gracefully when motion is reduced.

Scroll trigger

Fires when the component enters the viewport. Trigger Once toggle controls whether it replays on re-entry.

Details

Arsalan Ali

Updated 2 hours ago

0 installs

Support

About Components Refund Policy Single-Use License Contact Creator

More from Arsalan Ali

component · $9

component · Free

component · $5

More from Arsalan Ali

component · $9

component · Free

component · $5

MorphText — Variable font reveal. 8 animation modes.

Each word surges from hairline to black weight, flashes an accent color, then settles — a variable font morph no other component offers. 8 modes: Default, Glitch, Wave, Blur, Expand, Stamp, Flip, Rise. Scroll-triggered, responsive, and motion-safe.

About this Component

Details

Category

Support

More from Arsalan Ali

More from Arsalan Ali

More Components