One `div` loaders

What it does

An open-source collection of monochrome loaders (loading spinners) built with pure CSS and one div element.

An open-source collection of monochrome loaders (loading spinners) built with pure CSS and one div element. Each loader is built with pure CSS and one div element. CSS variables can be used to customize size, color, and animation properties of the loaders. All loaders are designed on a 24px grid and are fully scalable. The color palette is monochrome, so you can easily customize their look to match your brand. Even though each loader is built with a single div element, it is recommended to add the role="status" attribute and a hidden child element with the loader description to make sure it is accessible for screen readers. Example: https://jsfiddle.net/Lvunp5dh/3/ . Designed and developed…from onedivloaders.vercel.app

• 
  Loaders2022 · uiball.com · ▲373

  Delightful loading animations for your next project

• PF
  Performance-focused pure CSS loading animations2015 · connoratherton.com · ▲49
• 
  CSS Loaders2021 · cssloaders.github.io · ▲114

  Easy to use 300 css loaders with source code copier

• 
  CSSPIN2017 · webkul.github.io · ▲10

  CSS Spinners and Loaders -Single HTML Element Code

• 
  LDRS2023 · uiball.com · ▲146

  Open-source loading animations for your next project

• 
  Epic Spinners2018 · epic-spinners.vuestic.dev · ▲232

  Easy to use css loading animations with vue.js integration

• 
  Run full iOS 16.5 firmware on Android Devices▲536

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

  Dev tools · 5d ago · github.com

• 
  /dev/null▲503

  a social network for devs

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

• 
  OpenBot▲362

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

  Dev tools · 29d 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 · 26d ago · talanoa.email

• 
  myPip▲273

  Vibe code, publish, and monetize games with AI

  Dev tools · 12d ago · mypip.dev

• 
  Doneas▲272

  A daily accountability call with other entrepreneurs.

  Dev tools · 19d ago · doneas.com

• 
  Xnapper▲1,517

  Take beautiful screenshots instantly

  Work · 2022 · xnapper.com

• 
  Gamma▲1,169

  Auto-generate decks, docs & social posts inside any workflow

  Work · 2022 · gamma.app

• 
  Threado▲921

  The command center for community builders

  Life & fun · 2022

• 
  Remotebase▲744

  Build remote engineering teams in 24 hours

  Dev tools · 2022 · remotebase.com

• 
  DhiWise 2.0▲740

  Convert Figma designs into Flutter 3.0 & React code rapidly

  Dev tools · 2022 · dhiwise.com

• PA
  Pornpen.ai – AI-Generated Porn▲711

  Hey HN, I've been working on https://pornpen.ai, a site for generating adult images. Please only visit the site if you are 18+ and willing to look at NSFW images. This site is an experiment using newer text-to-image models. I explicitly removed the ability to specify custom text to avoid harmful imagery from being generated. New tags will be added once the prompt-engineering algorithm is fine-tuned further. If the servers are overloaded, take a look at the feed and search pages to look through past results. For comments/suggestions/feedback please visit…

  AI · 2022 · pornpen.ai