https://github.com/cat-meoww/svelte-origami

Demonstration of 3D Motion Graphics using shapes
https://github.com/cat-meoww/svelte-origami

gsap svelte threejs threlte

Last synced: 3 days ago
JSON representation

Demonstration of 3D Motion Graphics using shapes

• Host: GitHub
• URL: https://github.com/cat-meoww/svelte-origami
• Owner: Cat-meoww
• Created: 2024-10-15T14:35:26.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-25T04:53:00.000Z (about 2 months ago)
• Last Synced: 2024-10-26T18:21:45.007Z (about 2 months ago)
• Topics: gsap, svelte, threejs, threlte
• Language: Svelte
• Homepage: https://cat-meoww.github.io/svelte-origami/
• Size: 1.39 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://tympanus.net/codrops/?p=79782)

[Demo](https://cat-meoww.github.io/svelte-origami/)

## Installation

### Clone the repository:

```bash

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

```

### Navigate to the project directory:

```bash

cd svelte-origami

```

### Install dependencies:

```bash

npm install

# or

yarn install

# or

pnpm install

```

## Usage

### Running the Development Server

To start the development server, run:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

```