Steve Ruiz

perfect-freehand. Draw perfect pressure-sensitive freehand lines.

perfect-arrows. Draw perfect arrows between points and shapes.

perfect-cursors. Perfect interpolation for multiplayer cursors.

state-designer. State management with statecharts.

telestrator. A disappearing drawing tool for your screen.

perfect-freehand-dart. Draw perfect freehand lines—in Flutter.

globs. A globs-based vector editor.

rko. A state manager with undo, redo and persistence.

gotcha. Turn your Framer prototype into its own live developer spec.

liquorstore. A reactive store.

kdtype. A typing game for kids.

snowcraft. Snowcraft brood war by Steve Ruiz.

polyclip-js. A JavaScript implementation of the Greiner-Hormann clipping algorithm.

trashly. A reactive store.

arrows-playground. A canvas-based arrows playground.

state-designer-ide. A design environment for State Designer.

framer-moreutils. Expand Utils with some handy helper functions.

fontloader. Painlessly, reliably load local and web fonts into Framer prototypes.

framework. A general-purpose component kit for Framer.

personal-blog. A personal blog.

arena-2022. An isometric game.

finder-toolbar-shortcuts. Easy shortcuts for Finder's toolbar.

react-motion-asteroids. An astroids-like game in React using Framer Motion.

figma-plugin-perfect-freehand. A Figma plugin for drawing perfect freehand strokes.

replisketch. A collaborative drawing app built with Replicache.

use-motion-resize-observer. A React hook that allows you to use a ResizeObserver to measure an element's size.

framer-tools. Do good stuff fast in Framer X from the command line.

excalidraw. Virtual whiteboard for sketching hand-drawn like diagrams

framer-controller. Control a Framer X component through overrides.

brush-engine. A brush engine for the browser.

framer-button. A customizable button class for Framer prototypes.

tetris-react-state-designer. A Tetris implementation using React and State Designer.

framer-sublime-text. A Framer UI / Color Scheme / Syntax for Sublime Text

short-story. Small, self-contained interactive component demos.

framer-md. A Material Design UI kit for Framer.

gnrng. A minimal seeded random number generator.

react-turtle. Turtle Graphics for React.

olc_rust_sketches. Learning rust with the olc Pixel Game Engine.

inventory-react-state-designer. An inventory system in React and State Designer.

framer-icon. Create SVG icons using this very simple module.

ActionLayer. An ActionLayer extends Layer, adding properties and functions designed to simplify managing events in Framer.

react-decal. A miniature canvas game engine in React.

quick-docs. Docs, quick.

framer-layout. Layout with grids in Framer.

StateMachine. A Framer module for building components driven by state machines.

arena-game. A tactical combat game in React.

react-use-maho. A state management tool based on statecharts.

state-designer-examples. Created with CodeSandbox

MonokaiFade. Example of the monokai.nl-style fade effect.

whiteboardkit. A Flutter whiteboard widget.

unstyled-challenge. Design the web with strict limits on style.

react-iso-engine. Isometric world engine written in React.

Kap. An open-source screen recorder built with web technology

nextjs-content-starter. A Next.js static site with MDX.

tinynurbs. C++ library for NURBS curves and surfaces