Skip to content

Dynamic ASCII Reveal

WebGL-Powered ASCII Effect

Dynamic ASCII Reveal preview image 1

Summary

WebGL-Powered ASCII Effect

Description

A fully customizable ASCII component compatible with Hover & Scroll Interaction. Built with WebGL, this ASCII Generator allows complete color customization beyond black and white. Use four Dynamic Cover presets to create animated ASCII effects.

*Dynamic Cover is available only for images.

Features

• Image + video upload

Customizable Properties

  1. Object fit : Fit/Fill

  2. Preview in Editor

  3. Interaction : Hover/Scroll/None

    • Replay (on scroll)

    • Trigger Point (on scroll)

  4. Reveal Effect : Fade, Center Line, Top Down, Bottom Up, Edges In, Zigzag

  5. Reveal Duration

  6. Pixel Size

  7. ASCII Effect : Yes/No

  8. ASCII Characters

  9. Tonal Steps

  10. Color Mode : Solid/Source

  11. Color

  12. Background Color

  13. Contrast

  14. Brightness

  15. Dynamic Cover

    • Enabled : Yes/No

    • Pattern : Wave/Rain/Random/Luminous

    • Speed

    • Use Effect Color : Yes/No

    • Effect Color

Have Questions?

[email protected]

THE DESIGN FUTURIST : Framer Component LibraryTHE DESIGN FUTURIST : Framer Component Library

Rank history How rankings work →

15011001150119638/149/49/2610/1811/9
  • All · #1872

Details

More like this