← Trending

Tangerine Index lists products launched since ChatGPT and people's reactions to them.

Ambient CSS

ambientcss.vercel.app

Physically Based CSS and React Components

Visit ambientcss.vercel.appexternal site

In the makers' words

Define a light source, and every shadow, highlight and surface gradient follows from it. Calibrated against Blender raytraces — rendered with box-shadow. AmbientCSS is a side project I started 5 years ago because I found the lack of realism in CSS shadows jarring.

Reactions (2)

Similar products

by description similarity

  1. Aura

    Ambient UI gradients built with layered CSS blend modes. Backgrounds that feel like light.

    GitHub520 starsgithub.comOpen sourcelatest reaction

  2. mistcss

    Create visual components for React without JavaScript or TypeScript. Leverage native HTML and CSS. It's an alternative to CSS-in-JS and CSS modules.

    GitHub1,645 starsgithub.comOpen sourcelatest reaction

  3. The current sky at your approximate location, as a CSS gradient

    The current sky at your approximate location, rendered as a CSS gradient. Refreshes every minute using the `meta http-equiv="Refresh"` tag. Created for HTML Day 2025.

    Hacker News788 ptssky.dlazaro.calatest reaction

  4. pigment-css

    ⚠️ 𝐀𝐥𝐩𝐡𝐚 𝐩𝐡𝐚𝐬𝐞, currently, on hold. Pigment CSS is a zero-runtime CSS-in-JS library that extracts the colocated styles to their own CSS files at build time.

    GitHub1,120 starsgithub.comLibraryOpen sourcelatest reaction

  5. Advanced Box Shadow CSS Generator

    Create cool and realistic effects with multiple shadows

    Product Hunt67 votesadvanced-box-shadow-css-generator.vercel.applatest reaction