FloraType

Show Preview
FloraType
FloraType

About FloraType

FloraType transforms a procedurally generated 3D lily into an interactive ASCII typography experience. Watch the flower emerge from a grid of characters through scroll-driven animations, dynamic effects, and an immersive decoder lens.

Key Features

  • 3D WebGL Rendering: Real-time generative flower visuals.

  • Scroll-Driven Animation: Reveal the flower as you scroll.

  • Interactive Decoder Lens: Explore the flower with pointer movement.

  • 3D Interaction: Rotate and trigger visual effects.

  • Multiple Glyph Styles: ASCII, Binary, Blocks, and custom characters.

  • Advanced Customization: Adjust colors, flower details, typography, animation, and visual effects.

  • Performance-Friendly: Adaptive rendering, responsive layouts, and reduced-motion support.

Easy to Use in Framer

Customize FloraType through its built-in properties and add a unique visual experience to your website without writing code.

About QuickBlocks

Crafted by QuickBlocks, bringing creative and interactive components to the Framer ecosystem.

From QuickBlocks

Siriorb
Sticker Grid
StickerPack
TennisTeam

Related Components

Lanyard Pass
Counter
Orvexis
Stories Viewer