Multiple.js

What it does

Multiple.js - An experiment in sharing background across multiple elements using CSS

Surfing over dribbble I stumbled upon a ' data-position="bottom center">Xonom design by Cosmin Daniel Capitanu . I wondered how to accomplish such "background sharing across multiple elements" effect at HTML/CSS without any coordinates processing by JavaScript. This page is result of my research by this topic. Check original Xonom and notice how background gradient shares across multiple elements. Note that icons and text at lighter layers have gradient-color from darker layers, creating the illusion of underlying violet layer. In addition to that, layers pass background image (girl) with equal transparency so that layers can not be superimposed on each other. All this things can be…from multiple.js.org

• 
  A Single Div2016 · a.singlediv.com · ▲177

  A CSS drawing project

• 
  I built 48 lightweight SVG backgrounds you can copy/pasteMar 2026 · svgbackgrounds.com · ▲403

  Our backgrounds are customizable in many ways. Each background is unique and collectively these designs explore the various capabilities and attributes of SVG.

• 
  Pts.js – A library for visualization and creative coding2018 · ptsjs.org · ▲611

  Pts is a javascript library for visualization and creative-coding.

• 
  CSSeffectsSnippets.2019 · emilkowalski.github.io · ▲292

  A collection of CSS effects with a click to copy.

• 
  Browser Frame2016 · browserframe.com · ▲226

  Easily wrap screenshots in different browser frames.

• 
  Pattern.css2020 · github.com · ▲197

  CSS library to fill empty background with beautiful patterns

• 
  /dev/null▲483

  a social network for devs

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

• 
  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 · 27d 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 · 25d ago · github.com

• 
  OpenBot▲362

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

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲345

  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 · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Web Design in 4 minutes▲1,624

  Learn the basics of web design in 4 minutes with this interactive tutorial.

  Life & fun · 2016 · jgthms.com

• 
  Buffer for Instagram▲640

  Plan, track, and analyze your Instagram marketing

  Growth · 2016 · buffer.com

• 
  Sans Francisco▲604

  A collection of tools and resources for designers

  Work · 2016

• 
  Nintendo Classic Mini▲593

  The NES is back... but it's mini!

  Life & fun · 2016 · nintendo.com

• 
  Highly for iOS▲573

  Medium-style highlighting in every app and website. 🖌

  Work · 2016

• 
  Drift 2.0▲569

  A scalable way to talk to your customers

  Growth · 2016 · drift.com