Top 8 TypeScript r3f Projects

theatre

27 10,849 8.1 TypeScript

Motion design editor for the web

Project mention: Time-Based CSS Animations | news.ycombinator.com | 2024-05-05

For anything more advanced than a simple easing function or some basic keyframes on one or two channels you'll quickly run into the limitations of this approach.
I've been using Theatre.js the last few years and really loving it. It's a library divided into two parts; one is a studio UI with a timeline for editing keyframes and bezier curves, and the other is a runtime for taking those keyframes and interpolating values in relation to a timeline. Try it for anything that requires coordinated animations.
https://www.theatrejs.com/

uikit

1 2,060 9.3 TypeScript

🎨 user interfaces for react-three-fiber (by pmndrs)

Project mention: uikit: User interfaces for react-three-fiber | news.ycombinator.com | 2024-02-26

SurveyJS

surveyjs.io featured

Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
react-three-flex

4 1,602 2.6 TypeScript

💪📦 Flexbox for react-three-fiber
triplex

1 734 9.4 TypeScript

▵ The React Three Fiber visual IDE. (by try-triplex)

Project mention: Triplex: Visually Edit React Three Fiber Components | news.ycombinator.com | 2023-10-03

r3f-perf

2 567 4.7 TypeScript

Easily monitor your ThreeJS performances.
manapotion

2 196 9.7 TypeScript

🧪 Mana Potion – Toolkit for JavaScript game development and interactive experiences (React, Vue, Svelte, vanilla)

Project mention: Mana Potion – JavaScript Gamedev Toolkit (React, Vue, Svelte, Vanilla) | news.ycombinator.com | 2024-03-31

r3f-spotify-game

1 72 0.0 TypeScript

A music game built with react-three-fiber and the Spotify API
InfluxDB

www.influxdata.com featured

Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
apfel-kruemel

1 37 8.0 TypeScript

Pre-Designed Component Library for Spatial User Interfaces

Project mention: Capturing the WebGPU Ecosystem | news.ycombinator.com | 2023-11-11

https://github.com/coconut-xr/apfel-kruemel works today, I only know about battery-optimized software in the context of games though.
https://felt.com/blog/svg-to-canvas-part-2-building-interact... and https://github.com/servo/pathfinder/ might also be of interest.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

TypeScript r3f related posts

Mana Potion – JavaScript Gamedev Toolkit (React, Vue, Svelte, Vanilla)

1 project | news.ycombinator.com | 31 Mar 2024
magnifiers, refraction and scroll pages

1 project | /r/threejs | 8 Jan 2023
How do you go about making a TheeJS experience responsive?

1 project | /r/threejs | 21 Dec 2022
Three.js Journey is going React! ⚛️🎉

1 project | /r/threejs | 26 Oct 2022
Theatre.js – Animation Toolbox for the Web

1 project | news.ycombinator.com | 17 Sep 2022
[AskJS] Library that gives you a UI like the editor of premier pro/final cut

1 project | /r/javascript | 22 Jul 2022
8 Helpful Tools For Frontend Developers 🦄

1 project | dev.to | 24 Jun 2022
A note from our sponsor - SaaSHub
www.saashub.com | 31 May 2024

SaaSHub helps you find the best software and product alternatives Learn more →