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

Veeam Data Platform v13.1 - Get Your Free Trial

Secure by design, portable by default. Recover clean, fast, anywhere. Start a free trial.

Try Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.

Try it Free

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

SurveyJS

SurveyJS is an embeddable, self-hosted, white-label form builder for teams building custom forms, surveys, questionnaires, and other data collection tools inside web applications. It runs entirely on the client and is fully compatible with all modern JavaScript frameworks, including React,...

See 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
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
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
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