Triplex for SydJS

Today we're going to build a user interface in 3D! Knowledge of React Three Fiber not needed. Enjoyed the workshop? Let me know on X/Twitter.

Here's some references to what we're going to be using.

• React Three Fiber
• uikit
• VS Code
• Triplex
• Talsho Login Screens design by Kailash Saravanan

Get Started

This workshop assumes you're using VS Code and have Node.js installed.

1. Clone this repository

  git clone https://github.com/try-triplex/triplex-sydjs.git
  cd triplex-sydjs
  git checkout empty-scene

2. Install dependencies (preference: pnpm)

pnpm i

3. Install Triplex for VS Code, search: "triplex"
4. You're ready. Follow along!

Press Enter To Continue...

When you want to continue learning, here's some handy links.

• Learn more Triplex
  
  • Join Discord — Join the Triplex community
  • Learn the User Interface — A quick orientation around the editor
  • Project Settings — Learn how to configure the editor to your needs
  • Declaring Props — Learn how declaring props on your components will appear in the editor
• Join the React Three Fiber (pmndrs) Discord
• Learn from Wawa Sensei
  
• Learn from Three.js Journey