Pinned Repositories
Awesome-Design-Tokens
A list of resources on all things to do with Design Tokens
design-token-transformer
Base repo to transform json design tokens from the figma design token plugin via amazon style dictionary.
design-tokens
🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
design-tokens-tailwind
diffusionbee-stable-diffusion-ui
Diffusion Bee is the easiest way to run Stable Diffusion locally on your M1 Mac. Comes with a one-click installer. No dependencies or technical knowledge needed.
scrolly-video
Components for scroll-based (or other externally controlled) playback.
storybook-zeplin
Storybook addon to view Zeplin resources in story panel
svgomg
Web GUI for SVGO
tailwindcss
A utility-first CSS framework for rapid UI development.
2refocus's Repositories
2refocus/design-tokens-plugin
Support end of life! Delivering consistent Design System. A Sketch plugin that exports Design Tokens to JSON format. You can export colors, typography, icons and utilis. A must-have tool for design system project.
2refocus/MakeWayGridEffect
A little grid interaction effect where adjoining items make way to a selected one that expands.
2refocus/weather-icons
215 Weather Themed Icons and CSS
2refocus/cli-connect-react-plugin
Zeplin CLI plugin for React components
2refocus/highway
Highway - A Modern Javascript Transitions Manager
2refocus/onewheel
Onewheel specs, pinouts, connector types, reverse engineering effort...
2refocus/zeplin-json-extension
Generates design tokens in JSON, for Zeplin colors and text styles. 🗂
2refocus/connected-components-docs
Documentation for Connected Components
2refocus/storybook-react-crash-course
2refocus/NEAT-Pong-Python
Using the NEAT algorithm to train an AI to play pong in Python!
2refocus/Pong-Python
The famous game of Pong implemented in Python with Pygame!
2refocus/GridZoom
A simple image grid layout where a small grid image zooms to become larger while a content view opens.
2refocus/codyframe-template-for-codrops
A website template built with CodyFrame
2refocus/SurfaceSampling
2refocus/theo
Theo is a an abstraction for transforming and formatting Design Tokens
2refocus/3DLettersMenuHover
A hover animation for a menu with 3D letters and image effect.
2refocus/RainEffect
Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.
2refocus/zappy_design
Designsystems for Devs
2refocus/CircularTextEffect
An experimental circular SVG text animation
2refocus/LineHoverStyles
A couple of simple & subtle line hover animations for links using CSS only.
2refocus/design-tokens-tailwind
2refocus/pong-ai
Computer plays pong!
2refocus/HoverEffectIdeas
Some inspiration and modern ideas for subtle hover effects.
2refocus/styleguide-generators
An overview of automatic living styleguide generators
2refocus/ParticleEffectsButtons
A little library that can be used for bursting particles effects on buttons and other elements
2refocus/responsive-table
Full responsive table any device
2refocus/iOS-Orientationchange-Fix
A fix for the iOS orientationchange zoom bug.
2refocus/font-SpaceGrotesk
🅰️ Space Grotesk Font
2refocus/SlideOutBoxMenu
A details menu with boxes that slide out in an irregular grid https://tympanus.net/codrops/?p=35517
2refocus/html5-video-scroll
Repo for html5 based scrollable video tutorial