A slab of copy raked away from the viewer on a short lens. Near lines swell past the frame edges, far lines fold toward a horizon that was never drawn — no scroll, no animation, one CSS transform.
// This is a file with a demo for your component// That's what users will see in the preview// Create new files in this directory to add more demos"use client";import { RecedingTextPlane } from "@/components/ui/receding-text-plane";// ONLY DEFAULT EXPORT WILL BE TREATED AS A DEMOexport default function DemoOne() { return ( <RecedingTextPlane className="h-[600px]"> Type is a plane in space before it is a message on a page. Rake that plane away from the eye and every line finds a depth of its own. </RecedingTextPlane> );}
Published
7/29/2026
Similar components
Explore more
Part of Ruixen UI — browse the full library on 21st.dev.