Circular Slider

What it does

Here’s a very unusual demo of a circular slider that is achieved using SVG masks and some JS for the event handling and animations.

Here's a very unusual demo of a circular slider that is achieved using SVG masks and some JS for the event handling and animations. Coded by Sean - posted under Coding by Fribly Editorial

Switch to the dark mode that's kinder on your eyes at night time. Switch to the light mode that's kinder on your eyes at day time. Here’s a very unusual demo of a circular slider that is achieved using SVG masks and some JS for the event handling and animations. Coded by Sean Fribly is a digital magazine where we will share useful and awesome stuff for your inspiration and benefit. We will hope to bring you daily resources and inspiration from all around the web. You just sit back and enjoy, and we will do all the search work for you. We will strive to find the best and most useful stuff out there. Your email address will not be published. Required fields are marked * Save…from fribly.com

• 
  Shape Divider2020 · shapedivider.app · ▲346

  Create fully responsive shape dividers for your next project

• 
  I saw this cool navigation reveal, so I made a simple HTML+CSS versionFeb 2026 · github.com · ▲141

  Two clip-paths, over the navigation: - The first clip-path is a circle (top-left corner) - The second clip-path is a polygon, that acts like a ray (hardcoded, can be improved) The original work by Iventions Events https://iventions.com/ uses JavaScript, but I found CSS-only approach more fun Here's a demo and the codebase: https://github.com/Momciloo/fun-with-clip-path

• 
  SVGator2019 · svgator.com · ▲262

  Import, animate and export SVGs easily

• 
  Walkway.js2014 · connoratherton.com · ▲121

  An easy way to animate simple SVG elements

• 
  SVG Artista2019 · svgartista.net · ▲406

  Little tool that helps you create SVG animations

• 
  SVG Circus2014 · svgcircus.com · ▲125

  Design cool svg spinners and other looped svg animations

• 
  /dev/null▲489

  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 · 28d 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 · 26d ago · github.com

• 
  OpenBot▲362

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

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

• 
  CoreSpeed▲332

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

  Dev tools · 28d ago · corespeed.io

• 
  Buy Me a Coffee▲1,411

  A simple, meaningful way to fund your creativity.

  Growth · 2018 · buymeacoffee.com

• 
  Robinhood Crypto▲1,208

  Zero-fee cryptocurrency trading from Robinhood 💸

  Commerce · 2018

• 
  Launchaco 2.0 🦄▲1,113

  Simple landing pages for your startup

  Dev tools · 2018

• 
  Indie Hackers Community▲1,095

  Work together to build profitable businesses & side projects

  Work · 2018 · indiehackers.com

• 
  Typeform 2.0▲793

  Build beautiful conversational forms, surveys and more

  Life & fun · 2018 · typeform.com

• 
  Resume.io▲731

  Build your job-winning resume in minutes

  Work · 2018 · resume.io