LEDMATRIX - Framer Component

It's designed to be a highly customizable design element for your projects, featuring a variety of visual effects, style presets, and interactive options.

Live Preview: https://ledmatrix.framer.website

Available Controls

• Content

  • Text: A string input to define the text displayed on the LED matrix. The component automatically translates capital letters, numbers, and some special characters into their pixel-art equivalents.

• Styling

  • Style Preset: A dropdown to quickly apply a predefined color theme, such as "neon," "cyberpunk," "retro," or "ice."

  • LED Color: Sets the color for the lit LEDs. This control is only visible when the Style Preset is set to "Default."

  • Hover Color: Sets the color of the LEDs when the mouse hovers over the component. This is also only available in the "Default" preset.

  • Background: Sets the background color of the component.

  • Border Color: Sets the color of the border around the LED matrix.

  • Off-LED Brightness: Adjusts the brightness of the unlit LEDs, giving them a subtle glow.

  • LED Intensity: Controls the intensity of the lit LEDs.

  • Glow Effect: A toggle to enable or disable a drop-shadow glow effect on the LEDs.

• Animations

  • LED Animation: A toggle to enable or disable a subtle flickering animation on the lit LEDs.

  • Animation Speed (ms): Defines the duration of the LED animation in milliseconds.

  • Glitch Effect: A toggle to enable or disable a visual glitch effect.

  • Glitch Intensity: Controls how frequently the glitch effect occurs.

  • Scrolling Marquee: A toggle to enable or disable a marquee-style scrolling text effect.

  • Scroll Speed: Controls the speed of the scrolling text.

• Interactivity

  • Link URL: A string input for a URL, making the component clickable.

  • Open in New Tab: A toggle to determine whether the link opens in a new browser tab.

• Layout

  • Border Radius: Sets the radius of the component.

  • Padding: Adjusts the space between the content and the component's border.

Refund Policy:

All sales of digital templates are final. Once purchased and downloaded, refunds or exchanges are not available. Please ensure the product meets your needs before purchasing. For any questions or issues with your download, please contact me for assistance.