Rapidly build interactive 3D apps for the web.

You already know Threlte

Threlte puts the simplicity of Svelte and all of the power of Three.js right at your fingertips. It's designed to be powerful and flexible while still being approachable and easy to use.

Reimagine the Web

With AR and VR picking up steam, the web is becoming more and more 3D. Threlte provides a simple, declarative API for creating 3D content on the web.

Powerful Integrations

Threlte comes with integrations for physics, animation and 3D model loading.

a-maze

This is a simple maze generator I made to amuse my son. Maybe it will amuse you as well.

Hexapipes

This is a site for playing pipes puzzles on various grids.

Made with Svelte Kit, currently deployed at hexapipes.vercel.app.

Tafels.App

A simple game to teach kids basic math (multiplication tables, additions, etc.)

Made with:

• svelte and sapper🎆
• nice animations and page transitions 🍡
• service workers 🌐
• web Audio with Howler 🎺
• UI + colors based on book Refactoring UI 🎉
• the avatars are from bigheads.io made by @robertbrosma

Word Peaks

A word guessing game where you narrow down the alphabet for each letter

Svelte is a radical new JavaScript framework that is winning the hearts of developers. Its simple syntax makes it a great candidate for beginners who are looking to dive into the world of JavaScript frameworks. One of the best ways to learn, is by building, so in this guide, you will learn how to use the features Svelte offers to create a simple hangman game.

Generate from QR Code with style, logo, and Error Level Rate that serve to avoid errors if the QR Code is damaged.

Svelte is the smallest JS framework, but even so, it contains many built-in features. One of them is a svelte/store. But why we need to use a third-party store? @storeon/svelte has several advantages compared with the built-in one.

If you’ve grown to love SASS/SCSS, you pretty much want to use it everywhere. The new Svelte framework, though exciting, doesn’t have SCSS support built in. But it’s simple to add!

Follow these steps to get SASS support in your Svelte app, plus get SASS syntax highlighting in VSCode.

In this article we'll provide a quick introduction to the Svelte framework. We will see how Svelte works and what sets it apart from the rest of the frameworks and tools we've seen so far. Then we will learn how to setup our development environment, create a sample app, understand the structure of the project, and see how to run it locally and build it for production.