Discover mattcroat/intro-video Open Source project

🔥 The development setup I use

377

uses

Shell

sveltekit-for-beginners

💪 Full stack web development with SvelteKit

sveltekit-blog

🔥 SvelteKit blog

🪄 Create beautiful presentations using Markdown in Svelte

svelte-slides

🧪 JavaScript code playground

javascript-sandbox

🌱 Digital garden using Next.js and MDX

digital-garden

🔥 SvelteKit + Drizzle ORM

sveltekit-drizzle

🔥 API for retrieving your GitHub contributions data

github-contributions-api

🦊 Generate a tiny Google font to self-host

fontset

🍪 Authentication for SvelteKit

sveltekit-auth

📷️ Social share images for Joy of Code

social-share-images

🔥 Learn Svelte animations

ask

🧘 How to ask questions

HTML

svelte-animations

🔥 Animotion SvelteKit template

animotion-kit

🔥 Learn Svelte state management

svelte-state

🔥 Svelte for React developers

svelte-for-react-developers

gitkit

✍️ GitHub as a CMS

Dark night blue theme for VS Code

night-howl

svelte-show-tracker

🍿 Track the watch progress of your favorite shows

🔌 Rehype plugin for image sizes and placeholders

rehype-image-placeholder

testing-javascript

🧪 Testing JavaScript

editor

✍️ Joy of Code editor

🔥 Signals exploration in JavaScript frameworks

mattcroat

GitHub profile

signals

HTML

types-dominos

Types for Dominos API

🧑‍🎨 Playground for learning the Canvas API

canvas

📸 Thumbnail creator for Joy of Code

youtube-thumbnail-creator

🍎 Spotify inspired audio player

svelte-player

React, TypeScript and Tailwind starter

parcel-starter

🔥 Typing speed game made with Svelte

sveltype

🚀 React Tutorial inspired by Svelte Tutorial

react-tutorial

The Modern GraphQL Bootcamp course

graphql-course

svelte-movies

🍿 Svelte IMDb scraper

markdown-editor

✍️ Markdown editor

Image feed that uses the undocumented Reddit API

reddit-image-feed

css-sandbox

Sandbox for learning CSS

matt-croat-portfolio

My personal portfolio

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

sick-kicks

svelte-tailwindcss

xstate-examples

react-webpack-starter

React app starter using webpack

🔥 Breaking out of layouts in SvelteKit

advanced-layouts

🔥 Simple SvelteKit blog template

gutenberg

Simple Gatsby blog for learning purposes

gatsby-blog

🔥 Svelte wrapper around Tweakpane

svelte-pane

📝 Handling SvelteKit form errors

sveltekit-form-errors

📸 Social share image and front matter for posts

post-meta-creator

Exercise in pixel perfect design, mobile first and accessibility

nutrition-ui

🔥 Full-stack project example using SvelteKit and Prisma

sveltekit-todo

Bistro — Simple Meals in a Modest Setting

bistro

🔥 Svelte Markdoc renderer

svelte-markdoc-renderer

Quick JavaScript demos that show a concept or theory

css-utility-library

Utility library for CSS

code-snippets

svelte-example

quick-demos

gsap-animation

Animation using GSAP

Higher-order functions materials/exercises

higher-order-functions

Exploring ways to do layout animations

layout-animations

sveltekit-example

🧪 SvelteKit example