Steve Ruiz

Draw perfect pressure-sensitive freehand lines.

Draw perfect arrows between points and shapes.

A disappearing drawing tool for your screen.

State management with statecharts.

Perfect interpolation for multiplayer cursors.

Draw perfect freehand lines—in Flutter.

A globs-based vector editor.

A state manager with undo, redo and persistence.

Turn your Framer prototype into its own live developer spec.

A reactive store.

A typing game for kids.

Snowcraft brood war by Steve Ruiz.

A JavaScript implementation of the Greiner-Hormann clipping algorithm.

A live chat project for the M5StickS3.

A reactive store.

A canvas-based arrows playground.

A design environment for State Designer.

Expand Utils with some handy helper functions.

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

A general-purpose component kit for Framer.

A personal blog.

An isometric game.

Easy shortcuts for Finder's toolbar.

An astroids-like game in React using Framer Motion.

A Figma plugin for drawing perfect freehand strokes.

A collaborative drawing app built with Replicache.

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

Virtual whiteboard for sketching hand-drawn like diagrams

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

Control a Framer X component through overrides.

A brush engine for the browser.

A Tetris implementation using React and State Designer.

A customizable button class for Framer prototypes.

A Framer UI / Color Scheme / Syntax for Sublime Text

A minimal seeded random number generator.

Small, self-contained interactive component demos.

A Material Design UI kit for Framer.

Learning rust with the olc Pixel Game Engine.

An inventory system in React and State Designer.

Turtle Graphics for React.

Create SVG icons using this very simple module.

A miniature canvas game engine in React.

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

Docs, quick.

Layout with grids in Framer.

A Framer module for building components driven by state machines.

A tactical combat game in React.

A state management tool based on statecharts.

Created with CodeSandbox

Control events among a group of layers.

A curated list of stunning landing pages and waitlists for upcoming products.

Example of the monokai.nl-style fade effect.

Docs for the flow component

A Flutter whiteboard widget.

A pressure-based vector signature component.

Created with CodeSandbox

Docs for the Learn Design System

Vectra is a local vector database for Node.js with features similar to pinecone but built using local files.

A meme generator

Design the web with strict limits on style.

Boilerplate for creating github compatible readme files

Beautiful component previews for design, docs and demos.

Isometric world engine written in React.

An open-source screen recorder built with web technology

A Next.js static site with MDX.

No description.

No description.

create classes from imported layers

UI/UX Portfolio

Apply boolean polygon clipping operations (union, intersection, difference, xor) to your Polygons & MultiPolygons.

No description.

very good whiteboard infinite canvas SDK

A Low Profile Component Framework – Stable, minimal, easy to audit, zero-dependencies and build-tool-free.

A repo of datasets for tldraw.

A legacy tldraw ai module repo.

Websocket Connector for Yjs

Notion-style WYSIWYG editor with AI-powered autocompletions

C++ library for NURBS curves and surfaces

A micro storybook-like environment for previewing components.

Webcomponents for previewing other components.

App running on Refuge Restrooms API, built in Stencil.

File System Access API with legacy fallback in the browser

HTML5 canvas based smooth signature drawing

🔄 A client side, offline-first, reactive database for JavaScript Applications

The open source Firebase alternative. Follow to stay updated about our public Beta.

Style your readme using CSS with this simple trick

👇Bread n butter utility for component-tied mouse/touch gestures in React

A tiny site for emoji picking.

Collection of small docs sites.

An example stencil project with stencil-router and stencil-redux working together.

Nice website for designing with data at Framer Loupe.

No description.

A starter for design system documentation.

Apollo's todo list example with Apollo hooks.

React Hooks for three.js

Designing with progressive complexity, step-by-step in Framer.

Free open public domain football data in JSON incl. English Premier League, Bundesliga, Primera División, Serie A and more - No API Key Required ;-)

A declarative, efficient, and flexible JavaScript library for building user interfaces.

✍🏻It has never been so easy to document your things!

give claude code a set of hacks, not vibes :)

No description.

Github profile.

No description.

No description.

No description.

A quick starter for tldraw's ai module.

No description.

First Draft of the Znuffy App

Mathberet is a self-hosted digital mathematics notebook written in React and Typescript, designed for math students who need a platform for graphing, sketching, and writing in LaTeX.

A take-home project for a tldr apprenticeship application

No description.

Created with CodeSandbox

my UI Design portfolio

Create breakpoints for individual elements in React.

Create state machines to handle component logic.

Super-fast alternative to Babel for when you can target modern JS runtimes

No description.

Rust bindings and API for olcPixelGameEngine

No description.

The open-source repo for docs.github.com

A beautiful and animated bottom navigation

Flutter package to help you lazily load and display pages of items as the user scrolls down your screen.

Realtime Sync for Any Backend Stack

Zero-config CLI for TypeScript package development

Replace absolute paths to relative paths for package compilation

No description.

The React Framework

React state for real-time apps

High-performance JavaScript polyline simplification library

Simple Firebase authentication for all Next.js rendering strategies

Website and documentation for Radix.

Use 🗒️ monaco-editor in any ⚛️ React app with simple hooks 🎣

A complete API reference for the Framer Library & Framer Motion packages

DFA regular expression library & friends

Educational materials for Framer.

The repository for high quality TypeScript type definitions.

A simple, hackable & minimalistic starter for Gridsome that uses Markdown for content.

An online IDE for rapid web development

Load mdx content from anywhere through getStaticProps in next.js

No description.

📚 Prisma Documentation

Beautiful static documentation for your API

Vector is a javascript library that allows for the creation of interactive graphics.

👩🏻‍💻 Run Jest in the browser.

The splittable, draggable, collapsible panel layout library 🎉

A minimalist Gatsby Theme for documentation sites built with MDX and Theme UI

Build consistent, themeable React apps based on constraint-based design principles

Blog with Gatsby

:atom_symbol: React primitive UI components built with styled-system.

⚡️🐶 React bindings for zdog

Paper.js bindings for React

👌A React-renderer for Three.js

No description.

Make things easier to preview/debug a typora theme

No description.

Create docs, quick.

JSX in Markdown for ambitious projects

An example of using Netlify to provide OAuth for a Framer prototype.

Isomorphic gist client

A wider selection of Prism themes

No description.

A Prismjs theme

No description.

Documentation site for Zdog

A refuge restrooms webapp.

React electron learning environment.

Build pages and prototypes with Lab UI components. No configuration or build setup required.

Javascript syntax highlighter

VS Code Extension that makes working with Stencil projects a breeze.

Airtable javascript client

The Firebase module allows your Framer prototype to load, save and sync data effortlessly between multiple sessions and devices.

Documentation website for the framer-md project.

The most hackable theme for Sublime Text 3

Unfancy JavaScript

Personal projects built in Framer Studio.