Box Shades
Animated 3D isometric box grid with dynamic lighting and textures, creating a futuristic depth effect that responds smoothly to cursor movement.
Made with Workshop
Build your own component with AI
About this Component
BoxShades creates a mesmerizing 3D isometric box grid with dynamic lighting that smoothly reacts to user interaction. Each box is shaded in real time, with customizable textures, colors, and motion speed, giving your layouts a futuristic and dimensional look.
Built for designers who want to add motion depth or abstract geometry to their Framer projects, this component blends performance with style, featuring adaptive lighting simulation and multiple surface patterns like dots, lines, grids, and crosshatches. Perfect for hero backgrounds, interactive art, or tech-themed UI designs.
Key Features:
Dynamic Lighting: Realistic 3D shading that follows mouse movement or auto-animates.
Customizable Textures: Choose from solid, dotted, lined, grid, or crosshatch patterns.
Fully Adjustable: Control box density, animation speed, and light intensity.
Responsive Rendering: Adapts seamlessly to any layout size.
Interactive Depth: Creates a premium, high-tech atmosphere for any interface.
Where to Use:Ideal for landing pages, hero sections, dashboard backdrops, portfolio showcases, or any project that benefits from 3D motion and immersive design depth.
