Alternatives
Products that do what oriDomi - Fold up the DOM like paper does
Just open sourced a library I've been working on that allows you to target any DOM element and manipulate it like paper. The core of it works via CSS 3D transforms and it has no external dependencies. Would love to hear feedback or see what others do with it. I'll add a section for examples in the wild soon. http://oridomi.com source: https://github.com/dmotz/oridomi
- 1
- 2FI
Hi, I've created an application where you can follow step by step origami fold instructions, and a Creator where you can make these interactive folds. On comparing to video instructions, you have the ability to quickly skip/rewind steps and replay a complicated step many times. On the creation side, there have been one or two attempts at this before, but those solutions rely on mouse drags as the user interface. This greatly limited the kinds of folds possible. The foldMation Creator uses commands, keywords and values to compose a domain specific language/step and provides a…
2024 · foldmation.com
- 3
- 4CG
There are lots of glassmorphism generators out there, but I wanted to push the effect further! This project is the result of months of experimenting with CSS property layering and battling browser quirks. Cross-browser compatibility is actually the reason I rely on ::before and ::after pseudo-elements to build up the effect. Move the color/opacity to the main element, and you’ll get weird color bleed on the corners in Chrome. Move the texture, and it muddles the bevel’s specular highlight. Move the bevel, and it gets blurred out by the backdrop-filter. And so on! Layers include: *…
2025 · glass3d.dev
- 5CA
I remember seeing the Dragon Labs Dragonfish Glowing Form Demo[1] when it first came out, and it always stuck in my head. They implement the effect by using a rather large background image and a mask image and move the background image around via Javascript. I was inspired and wanted to see how close I could get with CSS3. I recommend using a Webkit browser [and you can see an alternate version of the animation on Firefox 4]. [1] http://labs.dragoninteractive.com/panel/demo/
2011 · kaylarose.github.com
- 6AG
Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!
2023 · react-graph-gallery.com
- 7IM
2024 · cssgridgenerator.io
- 8A4
Hi everyone! We’re Avishay, Or, and Michal, co-founders of Anima (www.animaapp.com). Anima converts design (Figma/Sketch/XD) into code automatically. Up until today, we only produced HTML/JS/CSS. With our latest release, we can now also generate developer-friendly React code. We’re here to replace image-based handoff, which involves a lot of grunt work for the engineers who have to translate all those images into code that does the same thing. For designers, the pain we solve is the ping-pong, and their vision getting lost in translation. The bottom line is that teams can…
2020
- 9
- 10
- 11IR
Looking at websites such as Clerk, I began thinking that design engineers might be some kind of wizards. I wanted to understand how they do it, so I started reverse-engineering their components out of curiosity. One thing led to another, and I ended up building a small library of reusable, animated components based on what I found. The library is built in React and Framer Motion. I’d love to hear your feedback
2025 · reverseui.com
- 12
- 13
- 14P0
Hey HN! I just released Puck 0.18 with a new drag-and-drop engine for CSS grid and flexbox support. You can now use Puck to create a page builder that behaves like a design tool, but embedded within your own app and using your own React components. To use it, just add `display: flex` (or grid, etc) to your DropZone and Puck will gracefully handle drag-and-drop across all dimensions. Shout out to the dnd-kit maintainer Claudéric for the collaboration and support (if you’re reading this, I just sponsored you on GitHub!) and as always, a huge thanks to my wonderful community for all the testing…
2025 · github.com
- 15
- 16OT
2014 · github.com
- 17MW
A place to learn and share html5/css3/js snippets. Its on a alpha/mvp stage right now. Let me know what you think. Http://html5snippets.com
2011
- 18AF
I built a web-based HTML/CSS/JS editor focused on speed, simplicity, and offline access. No bloat — just open and start coding. What makes it different: Live Preview – Edit HTML, CSS, and JS side-by-side with instant feedback. Offline support – Works without internet. You can even install it as a PWA and use it like a native app. No Login Required – Just visit, code, and preview. Login only if you want to save/share. Savable & Shareable Links – Save scripts in the cloud and get shareable links. Customizable Editor – Themes, fonts, auto-format on save, layout tweaks, line…
2025 · scriptpad.dev
- 19AL
Hello HN, For a few months I'm been working on a fun side-project to port the (awesome) chessboardjs library to an easily reusable and embeddable web component. The quarantine has finally spurred me to put the finishing touches on it. https://justinfagnani.github.io/chessboard-element/ It works in plain HTML files just by writing an HTML tag: And it works in any framework because it's just an HTML element. Styling is encapsulated and customizable with CSS properties and parts: chess-board { --dark-color: darkmagenta; } /* Highlight the e2 square in red */…
2020
- 20AW
I wanted a little project to practice illustration as well as animation on the web. Plus I'm a big fan of watches.
2013 · wrist.im
- 21MF
I've been working on a CSS Sprite generator for a couple of weeks in my spare time. It uses HTML Canvas and JavaScript FileReader to open local images without any zipping or uploads, and tries to make the CSS generation as easy as possible. I made it because it is a tool that I wanted to have, and I am hoping to get some feedback from others now that it is functional. http://instantsprite.com
2010
- 22PP
If you’ve generated PDFs from HTML, you’ll know the pain: headless Chrome in Docker, CSS hacks, content that flows over pages or table boundaries and other quality issues. The fundamental problem is that HTML was designed for screens, not print. We built Press, a markup-based document language where pages, content flows, and assets are first-class concepts. Content can flow across frames, columns, and pages without manual pagination. Pages are created dynamically based on the available content. Press templates separate layout from content. You can send markdown, Press markup, or a mixture of…
Jun 2026
- 23DU
I built a daily puzzle where a piece of paper is folded and hole-punched, and you predict where all the holes end up when it's unfolded. It's the kind of thing I used to do in grade school with actual paper and scissors, and it turns out the mental version is a surprisingly good spatial reasoning challenge. Three difficulties each day: easy is a 4×4 grid with one fold, hard is 6×6 with three folds. It's built with Next.js. The puzzles are generated deterministically on the fly using a daily seed. The engine runs a forward simulation of the paper folds using 2D coordinate mirroring, then…
Mar 2026 · dailyunfold.com
- 24WA
It's an editor that lets you create something like this: http://papermine.com/samples/julskitchen/ The publications look stunning on tablets, but pretty cool on PCs as well :-) http://papermine.com/ What do you guys think?
2014
Ranked by how close each launch is in meaning, then by votes. Refine with a description →