---
title: "Galaxy Text Morph — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Konstantin Nikolaev · Text. Galaxy Text Morph is a cinematic WebGL component that turns a living particle galaxy into fully styled typography as visitors scroll."
canonical: "https://framer.elliotli.dev/component/galaxy-text-morph"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Galaxy Text Morph

# Galaxy Text Morph

A scroll-driven particle galaxy th

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

![Galaxy Text Morph preview image 1](https://framer.elliotli.dev/og/component/galaxy-text-morph/81c3365e5d372b39/1600x1200.jpg)

## Summary

Galaxy Text Morph is a cinematic WebGL component that turns a living particle galaxy into fully styled typography as visitors scroll.

## Description

Galaxy Text Morph is a cinematic WebGL component that turns a living particle galaxy into fully styled typography as visitors scroll. Particles first gather into a readable letterform, then reveal the finished text through a fragmented pixel transition—creating a transformation that feels connected rather than like a simple fade.

Customize the headline and optional body text with separate Framer fonts, sizes, colors, alignment, width, line limits, and spacing. Shape the galaxy with four token-compatible colors, particle density, glow, twinkle, spiral arms, drift, scale, and depth. Add a stationary background star field for a richer sense of space, and control pointer repulsion for an interactive hover experience.

Fine-tune every stage of the animation, including scroll range, easing, smoothing, particle stagger, formation timing, text reveal, particle fade, pixel size, and breakup strength. The component supports sticky and regular layouts, automatic text fitting, responsive resizing, reduced-motion preferences, transparent backgrounds, design tokens, and adjustable rendering quality.

Ideal for immersive hero sections, portfolios, creative agencies, product launches, and storytelling experiences that need a memorable transition from motion to message.

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

-   All · #9108

## Details

- **Author**: Konstantin Nikolaev
- **Price**: $5.00
- **Published**: 2026-07-26
- **Updated**: 2026-07-26
- **Added**: 2026-07-26
- **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