Discover @mattcroat Open Source projects

Matia (@mattcroat)

mattcroat

Stars
542
Global Rank 51,898 (Top 2 %)
Followers 557
Following 26
Registered about 6 years ago
Most used languages

TypeScript
30.0 %

Svelte 28.3 %

JavaScript
25.0 %

CSS
10.0 %

HTML
5.0 %

Shell
1.7 %
Location 🇭🇷 Croatia
Country Total Rank 103
Country Ranking

Svelte 2

CSS
24

TypeScript
27

Shell
32

HTML
48

JavaScript
127

joy-of-code

🌸 Joy of Code is a digital garden growing curious minds

uses

🔥 The development setup I use

sveltekit-for-beginners

💪 Full stack web development with SvelteKit

sveltekit-blog

🔥 SvelteKit blog

svelte-slides

🪄 Create beautiful presentations using Markdown in Svelte

javascript-sandbox

🧪 JavaScript code playground

digital-garden

🌱 Digital garden using Next.js and MDX

sveltekit-drizzle

🔥 SvelteKit + Drizzle ORM

github-contributions-api

🔥 API for retrieving your GitHub contributions data

fontset

🦊 Generate a tiny Google font to self-host

sveltekit-auth

🍪 Authentication for SvelteKit

social-share-images

📷️ Social share images for Joy of Code

ask

🧘 How to ask questions

svelte-animations

🔥 Learn Svelte animations

animotion-kit

🔥 Animotion SvelteKit template

svelte-state

🔥 Learn Svelte state management

svelte-for-react-developers

🔥 Svelte for React developers

gitkit

✍️ GitHub as a CMS

night-howl

Dark night blue theme for VS Code

svelte-show-tracker

🍿 Track the watch progress of your favorite shows

rehype-image-placeholder

🔌 Rehype plugin for image sizes and placeholders

testing-javascript

🧪 Testing JavaScript

editor

✍️ Joy of Code editor

mattcroat

signals

🔥 Signals exploration in JavaScript frameworks

types-dominos

Types for Dominos API

canvas

🧑‍🎨 Playground for learning the Canvas API

youtube-thumbnail-creator

📸 Thumbnail creator for Joy of Code

svelte-player

🍎 Spotify inspired audio player

parcel-starter

React, TypeScript and Tailwind starter

sveltype

🔥 Typing speed game made with Svelte

react-tutorial

🚀 React Tutorial inspired by Svelte Tutorial

graphql-course

The Modern GraphQL Bootcamp course

svelte-movies

🍿 Svelte IMDb scraper

markdown-editor

✍️ Markdown editor

reddit-image-feed

Image feed that uses the undocumented Reddit API

matt-croat-portfolio

My personal portfolio

sick-kicks

Sick Kicks is a fictional e-commerce shop for buying fresh kicks!

svelte-tailwindcss

🐞 Bug reproduction

xstate-examples

🔥 State machines

react-webpack-starter

React app starter using webpack

intro-video

🔥 Intro video for Joy of Code made with Remotion

advanced-layouts

🔥 Breaking out of layouts in SvelteKit

gutenberg

🔥 Simple SvelteKit blog template

gatsby-blog

Simple Gatsby blog for learning purposes

svelte-pane

🔥 Svelte wrapper around Tweakpane

sveltekit-form-errors

📝 Handling SvelteKit form errors

post-meta-creator

📸 Social share image and front matter for posts

nutrition-ui

Exercise in pixel perfect design, mobile first and accessibility

sveltekit-todo

🔥 Full-stack project example using SvelteKit and Prisma

bistro

Bistro — Simple Meals in a Modest Setting

svelte-markdoc-renderer

🔥 Svelte Markdoc renderer

css-utility-library

Utility library for CSS

code-snippets

Gists but worse

svelte-example

🧪 Svelte example

quick-demos

Quick JavaScript demos that show a concept or theory

css-sandbox

Sandbox for learning CSS

gsap-animation

Animation using GSAP

higher-order-functions

Higher-order functions materials/exercises

layout-animations

Exploring ways to do layout animations

sveltekit-example

🧪 SvelteKit example

kit-start

🔥 SvelteKit project kickstarter