Dia Browser's gradient
arlan.me · 686 words · saved by 1 readers
The soft rainbow glow that rises from the bottom of the screen: blurred columns of colour, tallest in the middle, fading to nothing at the top.
Dia Browser has a soft glow at the bottom of the screen. A row of blurry colour bars, short on the sides and tall in the middle, going from dark up through blue, white, yellow, red and pink, then fading out at the top. It grows up from the floor when the page loads. It is simpler than it looks. Just a few tall rectangles in one small SVG, all painted with the same rainbow and blurred a lot so they melt together. It starts flat at the bottom and scales up to full height, so it looks like it rises from the floor. Below you can change the bars, the blur, the curve and the colours. Palette Candy B
saved by
related reading
- JAPANESE GRADIENTS [FOR UI]™japanesegradientsforui.com
- Components | Canvas UIcanvasui.dev
- Create a Palette - Coolorscoolors.co
- Smooth Shadow Pluginshadow.floriankiem.com
- Particle Imagepro.reactbits.dev
- Beautiful Generative Gradient Avatars for Reactavatars.outpacestudios.com
- Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
- Tailwind CSS Colors - All colors + Custom color generatoruicolors.app
- Gradientor - A minimalist, beautiful Radial Background Generatorgradientor.app
- Shadersshaders.com
- DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
- Dia | A browser you won't dread openingdiabrowser.com