Life & fun · December 14, 2024
Library to replace box shadows on a webpage with ray traced shadows
Library to replace box shadows on a webpage with ray traced shadows launched on December 14, 2024 with 10 votes, #1,989 of 5,365 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 1 year on.
In plain words
This JavaScript library replaces standard box shadows on webpages with ray-traced shadows, creating more realistic lighting effects. It's designed for web developers who want enhanced visual realism for their projects. The library uses ray tracing techniques to compute shadow geometry, offering a technical alternative to CSS box shadows for users seeking higher-quality shadow rendering on their sites.
written from the facts on this page · September 2026
From the sources
Drop the box shadow, your web pages deserve proper ray tracing. rtx-on.js is an experimental JavaScript library that enhances web pages by simulating in real time realistic lights and shadows using ray tracing. Add to your webpage: <script type="importmap"> { "imports": { "webgl-path-tracing": "https://webgl-path-tracing.steren.fr/webgl-path-tracing.js", "sylvester": "https://webgl-path-tracing.steren.fr/sylvester.src.js", "rtx-on": "https://rtx-on.steren.fr/rtx-on.js" } } </script> <script type="module"> import * as rtx from 'rtx-on'; window.onload = function() { rtx.on(); } </script> npm install rtx-on Customize it By default, elements with box shadows are considered raised. You can…from rtx-on.steren.fr
Does a similar job
all alternatives →
CSS box-shadow examples by CSS Scan2020 · getcssscan.com · ▲264Curated collection of 82 free beautiful box-shadow 🎨
CSS Box Shadows Generator2023 · boxshadows.xyz · ▲112Create, edit and generate multiple custom CSS box shadows
Tailwind Box Shadows2022 · manuarora.in · ▲205Curated list of box shadows for your cards to stand out
Advanced Box Shadow CSS Generator2023 · advanced-box-shadow-css-generator.vercel.app · ▲67Create cool and realistic effects with multiple shadows
RoughNotation – create and animate hand-drawn annotations on a web page2020 · roughnotation.com · ▲696A small JavaScript library to create and animate hand-drawn annotations on a web page
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 2d ago · permit.petercai.com
- IV
Life & fun · 14d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 15d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 9d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 13d ago · carrierexplode.com
Life & fun · 23d ago · space.bl2.net
Source: Show HN post ↗
