Dev tools · alternatives · 2026
24 alternatives to 3D Paper Fold Text Effect in Pure CSS
A pen to create a CSS paper folding text effect
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. 3D Paper Fold Text Effect in Pure CSS launched in 2017; newer entries below may have overtaken it.
- 1
- 2
Create stunning text-behind-image designs easily
2024 · textbehindimage.rexanwong.xyz · its alternatives →
- 3
Generate an animated 3D image from a book cover and export to HTML/CSS to embed on your website.
2020 · 3d-book-css.netlify.app · its alternatives →
- 4
2019 · eschersket.ch · its alternatives →
- 5
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 · its alternatives →
- 6
Build 3D interactions visually, without writing any code
2015 · 3d-transforms.webflow.com · its alternatives →
- 7
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
Feb 2026 · github.com · its alternatives →
- 8LC
A minimal, almost class-less CSS library to write modern websites that look like LaTeX documents.
2020 · latex.now.sh · its alternatives →
- 9
Simulate how any origami crease pattern will fold
2018 · origamisimulator.org · its alternatives →
- 10
CSS3 animation▲271An experiment with basic CSS3 animations.
2012 · thegoodman.cc · its alternatives →
- 11
Folio 2.0▲440Transform your product demos into immersive experiences
2023 · folio.la · its alternatives →
- 12
- 13
Liquid Metal▲316Paper is a new design tool. We launched into open alpha today. Anyone can now sign up and use Paper. We started Paper about 1 year ago with the goal to bring more creativity back into design tools. It feels like the existing options are becoming increasingly corporate. To celebrate to launch, we published a new shader that lets anyone see their logo in Apple's new heat map animation style. There is no sign-up needed at heat.paper.design. We're always looking for feedback from anyone who uses Sketch, Figma, Photoshop, or Illustrator, about what they most need in their professional design…
2025 · app.paper.design · its alternatives →
- 14
- 15
Create plotter-like line drawings from your images.
2021 · javier.xyz · its alternatives →
- 16
The only text editor to create the line with the text around
2019 · threebu.it · its alternatives →
- 17
The latest 3Blue1Brown video [1] about the M. C. Escher print gallery effect inspired me to re-implement the effect as WebGL fragment shader on my own. [1]: https://www.youtube.com/watch?v=ldxFjLJ3rVY
Apr 2026 · static.laszlokorte.de · its alternatives →
- 18
HTML/CSS portrait in the style of an 18th century painting
2018 · github.com · its alternatives →
- 19
- 20
- 21
- 22
Easily import and export your Text Styles in Sketch.
2016 · textstyl.es · its alternatives →
- 23
Write css as fast as you can Sketch
2013 · planningforaliens.com · its alternatives →
- 24
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →