Discover steveruizok/steveruizok.github.io Open Source project

State management with statecharts.

2,515

state-designer

HTML

619

perfect-cursors

Perfect interpolation for multiplayer cursors.

A disappearing drawing tool for your screen.

494

telestrator

A globs-based vector editor.

351

globs

Draw perfect freehand lines—in Flutter.

237

perfect-freehand-dart

Dart

236

rko

A state manager with undo, redo and persistence.

Turn your Framer prototype into its own live developer spec.

211

gotcha

liquorstore

kdtype

A typing game for kids.

trashly

A reactive store.

A JavaScript implementation of the Greiner-Hormann clipping algorithm.

polyclip-js

A canvas-based arrows playground.

arrows-playground

A design environment for State Designer.

state-designer-ide

Expand Utils with some handy helper functions.

framer-moreutils

A general-purpose component kit for Framer.

framework

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

fontloader

arena-2022

An isometric game.

Easy shortcuts for Finder's toolbar.

finder-toolbar-shortcuts

Rich Text Format

react-motion-asteroids

An astroids-like game in React using Framer Motion.

personal-blog

A personal blog.

A Figma plugin for drawing perfect freehand strokes.

figma-plugin-perfect-freehand

A collaborative drawing app built with Replicache.

replisketch

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

framer-tools

Control a Framer X component through overrides.

framer-controller

A customizable button class for Framer prototypes.

framer-button

A Tetris implementation using React and State Designer.

tetris-react-state-designer

A Framer UI / Color Scheme / Syntax for Sublime Text

framer-sublime-text

brush-engine

A brush engine for the browser.

A multiplayer experience.

together

An inventory system in React and State Designer.

inventory-react-state-designer

A Material Design UI kit for Framer.

framer-md

Small, self-contained interactive component demos.

short-story

Create SVG icons using this very simple module.

framer-icon

Turtle Graphics for React.

react-turtle

Learning rust with the olc Pixel Game Engine.

olc_rust_sketches

Rust

gnrng

A minimal seeded random number generator.

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

ActionLayer

A miniature canvas game engine in React.

react-decal

quick-docs

Docs, quick.

Layout with grids in Framer.

framer-layout

A tactical combat game in React.

arena-game

A state management tool based on statecharts.

react-use-maho

Snowcraft brood war by Steve Ruiz.

snowcraft

Control events among a group of layers.

FocusComponent

state-designer-examples

Created with CodeSandbox

Docs for the flow component

flow-docs

Example of the monokai.nl-style fade effect.

MonokaiFade

A pressure-based vector signature component.

perfect-freehand-signature

learn-docs

Docs for the Learn Design System

bendy-arrows-playground

Created with CodeSandbox

Beautiful component previews for design, docs and demos.

short-story-sjs

Design the web with strict limits on style.

unstyled-challenge

Isometric world engine written in React.

react-iso-engine

docs-mdx-cms

A Next.js static site with MDX.

nextjs-content-starter

brushy-brushy

App running on Refuge Restrooms API, built in Stencil.

stencil-refuge

A tiny site for emoji picking.

emoji-picker-site

CSS

st-lookbook

Webcomponents for previewing other components.

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

stencil-router-redux-demo

HTML

framer-atomic-tutorial

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

react-use-three

React Hooks for three.js

Collection of small docs sites.

docs-sites

A starter for design system documentation.

ds-docs-starter

A micro storybook-like environment for previewing components.

component-preview

Apollo's todo list example with Apollo hooks.

exp-apollo-hooks-todo

Nice website for designing with data at Framer Loupe.

framer-loupe-data