Discover @steveruizok Open Source projects

Steve Ruiz (@steveruizok)

steveruizok

Stars
9,104
Global Rank 2,374 (Top 0.09 %)
Followers 2,497
Following 6
Registered over 7 years ago
Most used languages

TypeScript
52.9 %

JavaScript
25.0 %

CoffeeScript
10.3 %

HTML
4.4 %

CSS
2.9 %

Rust
1.5 %

Rich Text Format 1.5 %

Dart
1.5 %
Location 🇬🇧 United Kingdom
Country Total Rank 127
Country Ranking

Rich Text Format 7

HTML
13

CoffeeScript
17

Dart
24

TypeScript
28

Rust
680

JavaScript
1,202

CSS
1,778

perfect-freehand

Draw perfect pressure-sensitive freehand lines.

perfect-arrows

Draw perfect arrows between points and shapes.

state-designer

State management with statecharts.

perfect-cursors

Perfect interpolation for multiplayer cursors.

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.

trashly

A reactive store.

polyclip-js

A JavaScript implementation of the Greiner-Hormann clipping algorithm.

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.

framework

A general-purpose component kit for Framer.

fontloader

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

arena-2022

An isometric game.

finder-toolbar-shortcuts

Easy shortcuts for Finder's toolbar.

Rich Text Format

react-motion-asteroids

An astroids-like game in React using Framer Motion.

personal-blog

A personal blog.

figma-plugin-perfect-freehand

A Figma plugin for drawing perfect freehand strokes.

replisketch

A collaborative drawing app built with Replicache.

framer-tools

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

framer-controller

Control a Framer X component through overrides.

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

brush-engine

A brush engine for the browser.

together

A multiplayer experience.

inventory-react-state-designer

An inventory system in React and State Designer.

framer-md

A Material Design UI kit for Framer.

short-story

Small, self-contained interactive component demos.

framer-icon

Create SVG icons using this very simple module.

react-turtle

Turtle Graphics for React.

olc_rust_sketches

Learning rust with the olc Pixel Game Engine.

gnrng

A minimal seeded random number generator.

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

framer-layout

Layout with grids in Framer.

arena-game

A tactical combat game in React.

react-use-maho

A state management tool based on statecharts.

snowcraft

Snowcraft brood war by Steve Ruiz.

FocusComponent

Control events among a group of layers.

state-designer-examples

Created with CodeSandbox

flow-docs

Docs for the flow component

MonokaiFade

Example of the monokai.nl-style fade effect.

perfect-freehand-signature

A pressure-based vector signature component.

learn-docs

Docs for the Learn Design System

bendy-arrows-playground

Created with CodeSandbox

short-story-sjs

Beautiful component previews for design, docs and demos.

unstyled-challenge

Design the web with strict limits on style.

steveruizok.github.io

UI/UX Portfolio

brushy-brushy

react-iso-engine

Isometric world engine written in React.

docs-mdx-cms

nextjs-content-starter

A Next.js static site with MDX.

stencil-refuge

App running on Refuge Restrooms API, built in Stencil.

emoji-picker-site

A tiny site for emoji picking.

st-lookbook

Webcomponents for previewing other components.

stencil-router-redux-demo

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

framer-atomic-tutorial

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

react-use-three

React Hooks for three.js

exp-apollo-hooks-todo

Apollo's todo list example with Apollo hooks.

docs-sites

Collection of small docs sites.

ds-docs-starter

A starter for design system documentation.

component-preview

A micro storybook-like environment for previewing components.

framer-loupe-data

Nice website for designing with data at Framer Loupe.