curtains.js

What it does

curtains.js is an open-source lightweight vanilla javascript WebGL library. It turns HTML elements containing images, videos and canvases into textured planes. Each plane size and position are defined in CSS so you can focus on writing your shaders instead.

curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

Shaders are the new front-end web development big thing, with the ability to create very powerful 3D interactions and animations. A lot of very good javascript libraries already handle WebGL but with most of them it's kind of a headache to position your meshes relative to the DOM elements of your web page. curtains.js was created with just that issue in mind. It is a small vanilla WebGL javascript library that converts HTML elements containing images, videos and canvases into 3D WebGL textured planes, allowing you to animate them via shaders. You can define each plane size and position via CSS, which makes it super easy to add WebGL responsive planes all over your pages. You can also add…from curtainsjs.com

• 
  Pattern.css2020 · github.com · ▲197

  CSS library to fill empty background with beautiful patterns

• 
  Pattern.css – CSS-only library to fill empty background with patterns2020 · github.com · ▲332

  CSS only library to fill empty background with beautiful patterns. - bansal/pattern.css

• 
  Water.css – A just-add-css collection of styles to make websites nicer2019 · github.com · ▲501

  A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css

• TJ
  Textures.js, SVG Patterns for Data Visualization2015 · riccardoscalco.github.io · ▲404

  A JavaScript Library for creating SVG patterns

• WJ
  Wiv.js – A library for a more wiggly div2018 · jjkaufman.github.io · ▲265
• 
  Chart.js2014 · chartjs.org · ▲263

  Simple, clean & engaging charts for designers and developers

• 
  /dev/null▲490

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Run full iOS 16.5 firmware on Android Devices▲433

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 18h ago · github.com

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• 
  Tandem▲919

  A virtual office for remote & distributed teams

  Dev tools · 2019 · tandem.chat

• 
  Memberstack▲850

  The no-code membership platform for any website

  Dev tools · 2019 · memberstack.com

• 
  SaaS Pages▲747

  900+ Screenshots of the best SaaS landing pages

  Growth · 2019 · saaspages.xyz

• 
  Stonly▲742

  Create interactive step-by-step guides

  Growth · 2019 · stonly.com

• 
  Poolside FM 2.0▲676

  Super-summer music website inspired by a '90s OS

  Life & fun · 2019 · v2.poolside.fm

• 
  Really Good Emails 2.0▲674

  Really good curated email design and code inspiration

  Dev tools · 2019 · reallygoodemails.com