Type Portal

Scroll through a letter of the headline and out into the next section — the word is the clip path.

Remix

0

Bookmarks

0

Installs

0

Views

14 lines
import { TypePortal } from "@/components/ui/type-portal"

export default function DemoTypePortal() {
  return (
    <TypePortal word="SUBLIME" caption="Scroll to enter">
      <div className="max-w-3xl text-center">

8 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Checks
ThemeableReduced motionFocus visible
Dependencies
None — plain React + Tailwind
License
MIT License
Published
9/11/2026

Similar components

That's all 6 components

Explore more

Part of Sable Type — browse the full library on Nuxus.