10 Interesting Projects Made with Svelte

Svelte is a new JavaScript compiler that has taken the development community by storm. Created by Rich Harris, Svelte allows developers to create small and fast JavaScript code. Because of its popularity, many people are asking whether or not it is worth learning Svelte. In this post, we will take a look at some popular projects that have been created with Svelte.

Interesting Projects Made with Svelte

OpenSpaceData

The OpenSpaceData project allows users to access satellite data more easily. Svelte is used to build the UI, which allows users to access OpenSpaceData and analyze satellite data.

OpenSpaceData satellite data includes information on many cases like vegetation health or drought effects. The app provides images of these conditions as well as how to interpret the data.

OpenSpaceData Svelte app provides a wealth of knowledge for those passionate about environmentalism, whether they be educators or campaigners.

exatorrent

exatorrent is a simple, easy-to-use BitTorrent client that comes with a beautiful responsive web client written in Svelte and Typescript. It is lightweight and uses very few resources, making it perfect for those who want to torrent on the go.

exatorrent supports single-user mode and multi-user mode, so it is perfect for both personal and group use. Downloaded files are stored locally on your device, and can be downloaded and streamed via HTTP/Browser/Media Players.

The tool is an elegant solution for those looking for a fast, reliable BitTorrent client. Thanks to its documented WebSocket API, custom clients can be created easily.

Tellomind

There’s no shortage of brainstorming and decision-making tools out there, but Tellomind is definitely worth checking out. It’s designed to be fast and easy to use, and it’s based on the affinity diagram – a proven method for generating ideas and reaching consensus. Plus, it’s totally web-based so there’s no need to download anything.

The app is based on the affinity diagram, a proven technique for ideation and brainstorming. With Tellomind, you can leave sticky notes behind and start your digital brainstorming process with ease. The app also includes a collaborative decision-making feature that helps groups make complex decisions quickly and efficiently.

Plantarium

Plantarium is a web app that can generate procedurally 3D plants. It’s open-source and built on Sveltekit, which is a lightweight JavaScript framework designed for building fast, interactive user interfaces.

Plantarium uses the OpenGL API to render 3D graphics. TypeScript is used for type checking and code organization. Plantarium is already possible to create some pretty impressive plants using the tool. The team behind Plantarium is constantly adding new features and expanding the capabilities of the tool.

svelte-calendar

Svelte-calendar is a great option for creating a lightweight datepicker with unique animations and UX. To build this datepicker, you’ll need to use Svelte 3 and add in the desired values to suit the needs of your application.

Additionally, you’ll want to set the date range that the calendar will render. Doing so will help ensure that users have a great experience when using your datepicker.

Periodic Table

If you’re a fan of the periodic table of elements, you’ll be excited to know that there’s now an open-source version that’s written in Svelte. The periodic table of elements is a great example of a data visualization that benefits from being written in Svelte.

With d3, a JavaScript library for manipulating documents based on data, the periodic table can be interactively explored. And with svelte-multiselect, a library for creating custom dropdown menus, it’s easy to select and view specific information about each element.

Movie:Hub

Have you ever wanted to watch a movie but didn’t know what to choose? That’s where Movie:Hub comes in! Movie:Hub is a database of movies that makes it easy to find something new to watch.

Movie:Hub is a movie database where users can find information on movies, similar to Netflix. It’s a free, open-source demo created with SvelteKit, TailwindCSS, Vite, and data from The Movie Database.

The web app also allows the user to search for a specific movie. The search results will include a list of movies that match the query.

#HEXWORDS

HEXWORDS is a tool that lists HEX colors and their resemble words. For example, #600D1E is GOODIE, #5E705E is SETOSE. The words don’t need to have meaning.

It’s built with SvelteKit and deployed on Netlify. The goal of the project is to make it easy for people to find the right colors for their projects. The website is divided into two sections: the color picker and the color list.

The color picker allows you to choose a color by clicking on one of the colored squares. The color list shows all of the colors in the database, sorted alphabetically. If you see a color that you like, you can click on it to view more information about it. The website also includes a search bar, so you can find colors by name or hex code.

Datawrapper

Datawrapper is a great tool for creating beautiful visualizations of your data. With just a few clicks, you can create charts, maps, or tables that are perfect for your articles, reports, or publications.

And, because Datawrapper is built in Svelte, you don’t need any coding or design skills to use it. All you need is a data set and an idea of what you want to visualize.

With Datawrapper, you can easily turn your data into stunning visualizations that will engage your readers and help them understand your message.

Closed Caption Creator

If you’re looking for a way to make your video content more accessible, you’ll want to check out Closed Caption Creator. This tool makes it easy to create and edit closed captioning, subtitles, transcripts, and audio descriptions.

With Closed Caption Creator, you can automatically generate subtitles or do it yourself using powerful editing tools.

The tool is built using Svelte, Firebase, GCP, Deepgram, Assembly AI, and Rev AI, so it’s a powerful and reliable option for creating accessible video content.

Swiss Zucht

Swiss Zucht is a great app for pet breeders. They can capture and store photos of their pets, connect to a Bluetooth chip scanner device, and use the app without being connected to the internet.

It’s built using:

• Svelte
• TypeScript
• Google Firebase
• service workers with workbox, Stripe
• web Bluetooth.

It’s also available in the iOS App Store, thanks to Capacitor. The app is really easy to use and makes it much easier to keep track of your animals. I would recommend it to anyone who is looking for an app to manage their pet breeding business.