Awwwards Site of the Day breakdown - Heron AI! 📐🏛️
This aesthetic is pure craftsmanship:
• Architectural Blueprint Grid: Interactive coordinate crosshairs and measurement lines that respond dynamically to interaction.
• Brutalist & Editorial Typography: High-contrast layout with intentional whitespace and grid alignment.
• Industrial Micro-Interactions: Clean hover states that make the technical drawing feel interactive and alive.
Bridging AI agent workflows with tactile architectural design makes this brand feel authoritative and timeless.
What’s your take on technical / blueprint grid aesthetics in modern web apps? Let’s discuss! 👇
#WebDesign #UIUX #Awwwards #Frontend #CreativeCoding #Architecture #DesignInspiration
0
6
Insane fluid typography & liquid distortion shader! 🌊⚡
Breaking down this dynamic visual effect:
• Fluid dynamics simulation warping the typography in real-time
• Electric blue glow with chromatic aberration / dispersion around the edges
• High-impact interactive reveal that makes brand identity feel tactile and futuristic
Shader experiments like these take digital branding and creative web design to a whole new level.
What’s your favorite tool for experimenting with canvas shaders — Three.js, GLSL, or TouchDesigner? Let’s connect! 👇
#CreativeCoding #WebGL #Shaders #Typography #UIUX #InteractiveDesign #BuildingInPublic
0
7
The little details in modern UI that make an interface feel alive! ✨📄
Breaking down this smooth interactive card component:
• Interactive fold/peel micro-interaction that reveals the underlying grid on hover
• Minimalist conversational UI integrated directly into the product card
• Clean white space with high-contrast typography hierarchy
Micro-animations like these bridge the gap between static design and tactile, engaging web products.
What’s your favorite type of micro-interaction to build in CSS/Framer Motion? 👇
#WebDesign #UIUX #Frontend #CreativeCoding #MicroInteractions #WebDevelopment
1
14
Interactive Developer Portfolio & Terminal Sandbox
An interactive, command-line driven developer portfolio built with modern React. Features a custom web terminal emulator capable of parsing CLI commands, real-time GitHub activity feeds, dynamic skill metrics, and an immersive dark-mode UI designed for high visual impact and engagement.
1
17