This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
GSS - GPU Style Sheets
Write 3D scenes in CSS, compiled to one GPU shader
GSS is a 3D language for people who already speak CSS. Declare shapes in a @scene, style them with selectors, the cascade, custom properties, and @keyframes, and the compiler turns it all into a single raymarching shader (GLSL for WebGL2, WGSL for WebGPU). No Three.js, no meshes, no UVs. Drop a tag on any page, or try it live in the playground. Open source, Apache 2.0.
Hello Product Hunt 👋
My name is Lucas. I’ve been writing CSS for years, and every time I wanted a little bit of 3D on a page I had to leave everything I knew behind. A scene graph, meshes, a render loop, a 600 kB library.
So I asked a dumb question: what if a 3D scene was just a stylesheet?
The answer is GSS. You wrote:
@scene { torus as ring; sphere as ball; }
#ball { color: #ff5a36; material: jelly(0.6); animation: float 2s alternate; }
… and it compiles to one fragment shader. All shapes are signed distance fields, so blending two objects, rounding a corner or cutting a hole is one property, not a modeling task.
What is working today:
• Selectors, Cascade, Custom Properties, :hover, @keyframes, Transitions
• Primitives, extruded or lathed to 3D SVG paths, gradients, materials (chrome, glass, jelly…)
• WebGPU with WebGL2 fallback, web component, Vite plugin, VS code extension
• A playground with auto-completion. A full reference.
It’s early days (v0.0.5), and I’d love to hear what you’d build with it, and what feels un-CSS-like. I’ll be here all day to answer questions.
About GSS - GPU Style Sheets on Product Hunt
“Write 3D scenes in CSS, compiled to one GPU shader”
GSS - GPU Style Sheets was submitted on Product Hunt and earned 11 upvotes and 5 comments, placing #65 on the daily leaderboard. GSS is a 3D language for people who already speak CSS. Declare shapes in a @scene, style them with selectors, the cascade, custom properties, and @keyframes, and the compiler turns it all into a single raymarching shader (GLSL for WebGL2, WGSL for WebGPU). No Three.js, no meshes, no UVs. Drop a tag on any page, or try it live in the playground. Open source, Apache 2.0.
On the analytics side, GSS - GPU Style Sheets competes within Design Tools, Open Source, Developer Tools and GitHub — topics that collectively have 895.4k followers on Product Hunt. The dashboard above tracks how GSS - GPU Style Sheets performed against the three products that launched closest to it on the same day.
Who hunted GSS - GPU Style Sheets?
GSS - GPU Style Sheets was hunted by Luky. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of GSS - GPU Style Sheets including community comment highlights and product details, visit the product overview.
Luky