Overview

A high-quality 3D ASCII sphere component for Framer that blends into any design thanks to transparent-only rendering. Great for AI, tech, and product hero sections.

Features

Transparent-Only Rendering
Always renders with transparent background for seamless overlays.

Style Presets
Switch between Balanced, Neon, and Soft visual styles.

Live Motion Control
Rotation Speed and Tilt Strength update instantly while editing.

Character Sets
Choose Binary, Hex, or Glyphs for visual personality.

Quality Modes
Auto, Performance, Balanced, and Quality options for device-aware tuning.

Use Cases

Hero Backgrounds - Add a premium tech atmosphere to landing pages.

AI Product Pages - Visual metaphor for intelligence, data, and flow.

Startup Launches - Create motion-rich first impressions without custom WebGL work.

Portfolio Sites - Showcase interactive 3D visuals with fast setup.

Properties

• Core Color: Primary inner color
• Outer Color: Secondary gradient color
• Style: Balanced / Neon / Soft
• Core Opacity: Main layer opacity
• Orbit Opacity: Orbit layer opacity
• Particles: Main particle count
• Particle Size: ASCII point size
• Radius: Sphere radius
• Scale: Overall scale
• Distortion: Noise displacement amount
• Noise Speed: Distortion animation speed
• Rotation Speed: Sphere rotation speed
• Orbit Count: Orbit particle density
• Tilt Strength: Mouse tilt response
• Character Set: Binary / Hex / Glyphs
• Quality: Auto / Performance / Balanced / Quality

Customization

Start with Style and Opacity controls for visual mood, then tune Particles, Radius, and motion settings for balance between detail and performance.

Recommended baseline:

• Style: Balanced
• Core Opacity: 0.4
• Orbit Opacity: 0.8
• Quality: Auto

License

Single Use License - Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we are here to assist you with any questions or concerns.

Version

1.1.0