nex-ui
  • Templates
  • Docs
  • Pricing
  • FAQ
csen
Sign inGet Pro
Overview
    • Particle textUltimate
    • Holographic cardUltimate
    • Shatter revealUltimate
    • 3D text ringUltimate
    • Vortex tunnelUltimate
    • Shockwave gridUltimate
    • Split-flap boardUltimate
    • Falling lettersUltimate
    • Gooey blobsUltimate
    • DNA helixUltimate
    • Magnetic fieldUltimate
    • Scroll morphUltimate

Ship something that moves.

Browse components
nex-ui

Components for React and Tailwind, made by one developer.

Product

  • Components
  • Tools
  • Templates
  • Pricing
  • FAQ

Resources

  • Docs
  • Changelog
  • License
  • Contact

Monthly notes

New components and tools, about once a month.

No spam. Unsubscribe with one click.

© 2026 nex-ui. All rights reserved.

Cookies
Components/Ultimate motion

Scroll morphUltimate

Scroll and a laptop opens, spins into a phone, then into a watch, and finally bursts apart and disappears.

10:09
01 / 03Work on the big screen
02 / 03Take it with you
03 / 03Glance at your wrist
Scroll

Props

Appearance

Applies to this component only and stays saved when you come back.

#ff3347
#b3122a
Preview background

Install

$npx shadcn@latest add @nex-ui/scroll-morph

Usage

import { ScrollMorph } from "@/components/nex-ui/scroll-morph";

<ScrollMorph
  captions={["Work on the big screen", "Take it with you", "Glance at your wrist"]}
  hint="Scroll"
/>

This is an Ultimate component

You can play with the preview. The source and CLI install unlock with the Ultimate plan.

Get Ultimate
PreviousMagnetic fieldNextPlasma