Liquid glass components for React, refracted by real optics. Live demo, playground, and docs.
See the codeLiquid glass for React, refracted by optics. The library lives in packages/meniscus and is published on npm. The demo site, playground and manual live in apps/site.
Watch the full 30-second demo — drag a lens across Newton's engraving, tune its optical layers, compare finished interfaces with glass on and off, then see the React example.
pnpm install
pnpm dev # demo site at http://localhost:5173
pnpm test # optics and component tests
pnpm build # library, then site
The demo reproduces two plates from Isaac Newton's Opticks (London, 1704): Book I, Plates II and IV, public domain, scanned by the Internet Archive and duotoned for the site.
The original project code and documentation are MIT licensed. The site's bundled fonts and JavaScript dependencies retain their own licenses, listed in the third-party notices. The demo's privacy note describes its local theme preference and current data use.
13 commits
TypeScript
84.6%
CSS
12.9%
JavaScript
1.7%
Liquid glass components for React, refracted by real optics. Live demo, playground, and docs.
See the codeLiquid glass for React, refracted by optics. The library lives in packages/meniscus and is published on npm. The demo site, playground and manual live in apps/site.
Watch the full 30-second demo — drag a lens across Newton's engraving, tune its optical layers, compare finished interfaces with glass on and off, then see the React example.
pnpm install
pnpm dev # demo site at http://localhost:5173
pnpm test # optics and component tests
pnpm build # library, then site
The demo reproduces two plates from Isaac Newton's Opticks (London, 1704): Book I, Plates II and IV, public domain, scanned by the Internet Archive and duotoned for the site.
The original project code and documentation are MIT licensed. The site's bundled fonts and JavaScript dependencies retain their own licenses, listed in the third-party notices. The demo's privacy note describes its local theme preference and current data use.
13 commits
TypeScript
84.6%
CSS
12.9%
JavaScript
1.7%