Svelte Origami: Free 3D Motion Graphics

This project is a detailed recreation of the origami-inspired 3D animation from Tympanus, built using the Three.js and Threlte framework. It faithfully reproduces the interactive experience, leveraging WebGL for smooth, real-time rendering of intricate folding animations and dynamic transitions. The project showcases the power of modern web technologies to replicate complex designs and bring them to life, offering a visually stunning and interactive user experience on the web.

Article on Codrops

Demo

Installation

Clone the repository:

git clone https://github.com/Cat-meoww/svelte-origami.git

Navigate to the project directory:

cd svelte-origami

Install dependencies:

npm install
# or
yarn install
# or
pnpm install

Usage

Running the Development Server

To start the development server, run:

npm run dev
# or
yarn dev
# or
pnpm dev