Sarah Drasner

Vue Docs. I maintain the official Vue 3 documentation site.

cssgridgenerator. 🧮 Generate basic CSS Grid code to make dynamic layouts!

Awesome Actions. I curated a directory of the best GitHub Actions people actually use.

JS Explorer. I built a command line tool to find JavaScript methods without leaving your terminal.

night-owl-vscode-theme. 🌌 NIGHT OWL: A VS Code dark theme for contrast for nighttime coding, 🦉 LIGHT OWL: a daytime light theme

vue-vscode-snippets. These snippets were built to supercharge my workflow in the most seamless manner possible.

sdras. it me!

intro-to-vue. Workshop Materials for my Introduction to Vue.js Workshop

signals-demo. ⚡️ A small demo site to explain some of the cool things Signals-based reactivity does in Angular

career-ladders. A sample of career ladders I use for my organization, open sourced for anyone.

inbedby7pm. My other theme was for Night Owls like myself. This theme was requested for by the "In Bed by 7pm" crowd

svg-workshop. Materials for SVG Essentials & Animation Course

ecommerce-netlify. 🛍 A JAMstack Ecommerce Site built with Nuxt and Netlify Functions

vue-hooks-foodapp. A food app using a few hooks in Vue to show how they can work (experimental)

headless-wp-nuxt2. Vue

livecode-svganimation. In my Smashing Toronto talk, I'll be live coding an SVG animation from start to finish. Here's the repo that houses the base materials, and any further references for things we don't have time to cover.

vue-sample-svg-icons. An opinionated example of how to use SVG icons in a Vue.js application

netlify-functions-example. HTML

JS-stroll. Rewriting code from other languages or other technologies into Vanilla JS and SVG for fun and practice.

contentful-nuxt-netlify. Example setup for Contentful and Nuxt on Netlify

Vue VSCode Extension Pack. I bundled the best VS Code extensions for Vue development.

docs-extensionpack. A collection of extensions for writing, editing, and reviewing documentation in VS Code

building-web-apps-with-vue. building-web-app-with-vue

design-for-developers. Design for Developers Workshop

sample-stripe-handler. Serverless function that uses the stripe api for a checkout process in a Vue application

animated-guide-vue3.

recipe-box. Vue

frontendmasters-svganimation. Frontend Masters- Advanced SVG Animation Course

page-transitions-simple. Vue/Nuxt Page Transitions- Simple Demonstration

workshop-resources. Houses the resources for WAW workshop

project-explorer. 🎋A CLI tool to create an annotated tree visualization of any project

page-transitions-travelapp. Travel App, Native-like Page Transitions

vue-wine-label. A very silly demo showing how to make a wine label making dashboard with Vue.js

firefighter-demo. 🚨 Demo to improve an existing firefighter app by making it queue tasks offline

example-azure-node. An example Node webapp deployed with GitHub actions

favegame. Small starter example of Hasura, Nuxt, and Netlify for Jamstack/SSR rendering

vue-weather-notifier. A small SVG animation illustrating a weather app notification in Vue

vue-sublime-snippets. Simplify and supercharging my workflow with snippets for Vue.js that help me spin things up quickly

Vue Directory Tree. I built an interactive guide to Vue.js's codebase structure.

array-explorer. ⚡️ A resource to help figure out what JavaScript array method would be best to use at any given time

JAMstack-Workshop. Workshop materials for JAMstack workshop using Vue and Netlify.

object-explorer. 🔥 A resource to help figure out what JavaScript object method would be best to use at any given time

react-aframe-demo1. React A-Frame Demo 1

is-this-a-sandwich. Is this a sandwich?

productive-twitter. Chrome extension: Minimal and friendly theme for productive twitter use

fortnite-vscode-theme. JavaScript

sample-vue-shop. See readme for newer repo details! A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions

hero-generator. 🦸🏻‍♀️Hero Generator! Create a nice hero image for your site or app

gsap-player. A small, customizable youtube-like player for gsap timelines

three-vue-pattern. A biofeedback visualization made with Three.js, Vue, and LUIS (cognitive services), made with Brian Holt