oriDomi

oriDomi is a JavaScript library that visually "folds" DOM elements like paper, creating origami-style transitions using CSS transforms and JavaScript. Use your mouse or touch to manipulate the images on the website, or press the fold button to see a random effect. Create an OriDomi instance by passing your target element to the constructor. When creating a new OriDomi composition, you can pass a map of options as the second argument.

Features

Applies folding animation effects to DOM elements
Creates expressive origami-like UI transitions
Customizable fold patterns via API
Lightweight and easy to include with npm or Bower
Works with modern browsers using CSS3 transforms
Demonstrates visual effect in live demos

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow oriDomi

oriDomi Web Site

Other Useful Business Software

Simplify Purchasing For Your Business

Manage what you buy and how you buy it with Order.co, so you have control over your time and money spent.

Simplify every aspect of buying for your business in Order.co. From sourcing products to scaling purchasing across locations to automating your AP and approvals workstreams, Order.co is the platform of choice for growing businesses.

Learn More

Rate This Project

User Reviews

Be the first to post a review of oriDomi!

Additional Project Details

Programming Language

CoffeeScript

Related Categories

CoffeeScript Libraries

Registered

2025-08-21

Similar Business Software

jQuery

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery. Return a collection of matched...

See Software
Multiple.js

An experiment in sharing background across multiple elements using CSS. If you want to accomplish a "background sharing across multiple elements" effect in HTML/CSS without any coordinates processing by JavaScript, Multiple.js is the answer. Note that icons and text at lighter layers have...

See Software
Anime.js

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects. Follow through animations made easy. Anime's built-in staggering system makes complex follow-through and overlapping animations...

See Software
Polymer

The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be instantiated using a constructor or...

See Software
Masonry

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. All sizing and styling of items is handled by your own CSS. Item...

See Software
Webix

JavaScript UI library and framework for speeding up web development. JS Framework for cross-platform web Apps development 102 UI widgets and feature-rich CSS / HTML5 JavaScript controls. Save at least 3000+ development hours by using ready-made widgets and UI controls. Develop Web UI 30% faster....

See Software