https://github.com/httpstersk/kinetic-typography-playground

The starter template for Kinetic Typography Experiments
https://github.com/httpstersk/kinetic-typography-playground

leva r3f react-three-fiber threejs typography

Last synced: about 1 year ago
JSON representation

The starter template for Kinetic Typography Experiments

• Host: GitHub
• URL: https://github.com/httpstersk/kinetic-typography-playground
• Owner: httpstersk
• Created: 2021-04-10T15:58:27.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-06-18T17:43:38.000Z (about 5 years ago)
• Last Synced: 2025-03-28T07:22:06.219Z (about 1 year ago)
• Topics: leva, r3f, react-three-fiber, threejs, typography
• Language: TypeScript
• Homepage:
• Size: 1.59 MB
• Stars: 25
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# **Kinetic Typography Playground**

> A prototyping tool for kinetic typography enthusiasts! ✨ For now, you can tweak colors and sizes, edit text, rotate and distort geometry, or switch between the different geometries. It's built with [`three.js`](https://github.com/mrdoob/three.js). + [`react-three-fiber`](https://github.com/pmndrs/react-three-fiber) + [`leva`](https://github.com/pmndrs/leva).

---

![Kinetic Typography Playground Open Graph Image](public/static/images/homepage-og-image.png?raw=true 'Kinetic Typography Playground')

## Installation

```sh

$ npm install && npm run start

```

---

## Editable Version

#### **[`Edit on Glitch`](https://glitch.com/edit/#!/spectrum-gem-frill)**

---

## Live Version

#### **[`Glitch`](https://spectrum-gem-frill.glitch.me/)** / **[`Netlify`](https://kinetic-typography-playground.netlify.app/)**