✳flâneur — a map of the web's best reading
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
Explore this link on the map →related reading
- JAPANESE GRADIENTS [FOR UI]™japanesegradientsforui.com
- Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
- Gradientor - A minimalist, beautiful Radial Background Generatorgradientor.app
- Shadersshaders.com
- Realtime Colorsrealtimecolors.com
- Khroma - The AI color tool for designerskhroma.co
- Khroma - The AI color tool for designerskhroma.co
- 4,000+ Website Section Designs - Hero, CTA, Pricing & More | Unsectionunsection.com
- performative-ui | AI-native React Componentsvorpus.github.io
- Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
- getdesign.md — DESIGN.md collection for AI coding agentsgetdesign.md
- Easing Gradientslarsenwork.com