component
MorphText
By Arsalan Ali
Details
- Arsalan AliAuthor
- componentType
- 2026-06-06Published
- 2026-06-23Updated
- 2026-06-01Added
- TextCategories
Summary
font reveal. 8 animation modes.
Description
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.
Introduction
font reveal. 8 animation modes.
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2779