Made a scroll-driven text component.
Scroll and the line types itself along a curve — each letter appearing in the middle of the screen, then drifting off as the curve carries it away.
Works with any length of text, any font, scales with the screen.
Would love to see what you build with it.
Drop standard scroll fades. Bring high-end editorial energy to your layouts.I built a fully dynamic Line Wipe Reveal component for Framer. A synchronized block mask slides across your text line-by-line as you scroll.
⚡️ Infinite text lines (Add/Delete right in the sidebar)
⚡ Zero-artifact rendering (No ugly 1px browser mask lines)
⚡️ 100% marketplace-safe & optimized
Hey everyone! Just finished up my latest Framer component challenge and wanted to share the results.
I wanted to create a vertical menu layout where layers felt like real-world physical objects sharing the exact same 2D plane. I ended up coding a component that uses a continuous loop to calculate mouse coordinates and apply a Repel force that spreads fluidly across neighboring layers.
Feel free to test it out on the live site link below and let me know what you think of the physics tuning!
Made a scroll-driven text component.
Scroll and the line types itself along a curve — each letter appearing in the middle of the screen, then drifting off as the curve carries it away.
Works with any length of text, any font, scales with the screen.
Would love to see what you build with it.
Drop standard scroll fades. Bring high-end editorial energy to your layouts.I built a fully dynamic Line Wipe Reveal component for Framer. A synchronized block mask slides across your text line-by-line as you scroll.
⚡️ Infinite text lines (Add/Delete right in the sidebar)
⚡ Zero-artifact rendering (No ugly 1px browser mask lines)
⚡️ 100% marketplace-safe & optimized
Hey everyone! Just finished up my latest Framer component challenge and wanted to share the results.
I wanted to create a vertical menu layout where layers felt like real-world physical objects sharing the exact same 2D plane. I ended up coding a component that uses a continuous loop to calculate mouse coordinates and apply a Repel force that spreads fluidly across neighboring layers.
Feel free to test it out on the live site link below and let me know what you think of the physics tuning!
Made a scroll-driven text component.
Scroll and the line types itself along a curve — each letter appearing in the middle of the screen, then drifting off as the curve carries it away.
Works with any length of text, any font, scales with the screen.
Would love to see what you build with it.
Drop standard scroll fades. Bring high-end editorial energy to your layouts.I built a fully dynamic Line Wipe Reveal component for Framer. A synchronized block mask slides across your text line-by-line as you scroll.
⚡️ Infinite text lines (Add/Delete right in the sidebar)
⚡ Zero-artifact rendering (No ugly 1px browser mask lines)
⚡️ 100% marketplace-safe & optimized
Hey everyone! Just finished up my latest Framer component challenge and wanted to share the results.
I wanted to create a vertical menu layout where layers felt like real-world physical objects sharing the exact same 2D plane. I ended up coding a component that uses a continuous loop to calculate mouse coordinates and apply a Repel force that spreads fluidly across neighboring layers.
Feel free to test it out on the live site link below and let me know what you think of the physics tuning!
