Shatter Bay — Breaking the Glass Ceiling in Tech
Source: Dev.to
Overview
Shatter Bay is an interactive frontend artwork representing the breaking of barriers in the technology industry. The experience begins with rising code and digital energy trapped beneath a fragile glass ceiling. As interaction builds, cracks begin to form until the ceiling finally shatters, allowing the code to rise freely. The project is designed as a symbolic moment of breakthrough, representing progress toward gender equity in technology and the collective effort required to dismantle systemic barriers.
Live Project
Inspiration
The inspiration behind Shatter Bay comes from the widely recognized metaphor of the glass ceiling — the invisible barriers that prevent many talented individuals from reaching leadership or recognition in their fields. In tech especially, countless developers possess the creativity, skill, and ambition needed to innovate, yet systemic barriers have historically limited opportunities for many underrepresented voices.
Symbolism
- Rising code represents talent, creativity, and potential.
- The glass ceiling represents invisible structural barriers.
- Cracking and shattering symbolizes collective progress toward equity and inclusion.
Rather than presenting the idea as static imagery, the artwork invites users to participate in the act of breaking the ceiling, reinforcing the idea that progress happens through continued effort and participation from the entire tech community.
Technologies Used
- React
- Interactive animations and particle effects
The goal was to combine symbolic storytelling with creative frontend engineering, demonstrating how code itself can be used as a medium for artistic expression.
Source Code
Thank you to the DEV community and the WeCoded Challenge for creating a space that celebrates creativity, diversity, and the voices shaping the future of technology.