๐ŸŒŸ My competition entry: Built an animated grid and 3D viewe... by Chidiebere Peter๐ŸŒŸ My competition entry: Built an animated grid and 3D viewe... by Chidiebere Peter

๐ŸŒŸ My competition entry: Built an animated grid and 3D viewe...

Chidiebere Peter

Chidiebere Peter

๐ŸŒŸ My competition entry: Built an animated grid and 3D viewerโ€”is fully adaptive to all MagicPath design system (my favourite is the NeoBrutalist).
Dynamic Grid Transformations
- Organic noise animation: Add flowing, natural movement with fully adjustable amplitude, scale, and speed.
- Hover effects: Shapes smoothly grow and react to cursor proximity with customizable boost, radius, and easing.
- Variety of shapes: Enable any shape on the grid cells like; circle, diamond, hexagon e.t.c.
Grid cells respond playfully to hover and theme - each cell scales and rotates on hover for a playful, tactile effect. Plus even the 3D model matches the gridโ€™s design system. Try out every variant! ๐Ÿช„ Live Demo ๐Ÿ‘‰ https://designs.magicpath.ai/v1/happily-sky-8904 Component ๐Ÿ‘‰ https://designs.magicpath.ai/v1/sturdy-gate-4023
Like this project

Posted Oct 14, 2025

๐ŸŒŸ My competition entry: Built an animated grid and 3D viewerโ€”is fully adaptive to all MagicPath design system (my favourite is the NeoBrutalist). Dynamic G...

Likes

1

Views

6

Timeline

Oct 14, 2025 - Oct 14, 2025