All Projects → jacques-blom → Recoil Design Tool

jacques-blom / Recoil Design Tool

Licence: mit
A design tool, built using Recoil.

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Recoil Design Tool

Atmo
✔️ Mock data for your prototypes and demos. Remote deployments to Zeit now.
Stars: ✭ 802 (+424.18%)
Mutual labels:  prototyping
Pencil
The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.
Stars: ✭ 8,225 (+5275.82%)
Mutual labels:  prototyping
Gotcha
Turn your Framer prototype into its own live developer spec.
Stars: ✭ 103 (-32.68%)
Mutual labels:  prototyping
Squib
A Ruby DSL for prototyping card games.
Stars: ✭ 850 (+455.56%)
Mutual labels:  prototyping
Generator Dhboilerplate
Boilerplate made by David Hellmann
Stars: ✭ 54 (-64.71%)
Mutual labels:  prototyping
Bootstrap Xd
Bootstrap Design Template — Assets Library — for Adobe XD
Stars: ✭ 74 (-51.63%)
Mutual labels:  prototyping
Mmock
Mmock is an HTTP mocking application for testing and fast prototyping
Stars: ✭ 537 (+250.98%)
Mutual labels:  prototyping
Testdrive
Quickly try out any Swift pod or framework in a playground
Stars: ✭ 1,612 (+953.59%)
Mutual labels:  prototyping
Sublimate
Sublimate: Ridiculously fast full stack Swift prototyping with Vapor and Sourcery.
Stars: ✭ 57 (-62.75%)
Mutual labels:  prototyping
Reactype
🧪 Prototyping Tool for exporting React/Typescript Applications!
Stars: ✭ 1,203 (+686.27%)
Mutual labels:  prototyping
Redmin
A super lightweight reddit client for iOS
Stars: ✭ 12 (-92.16%)
Mutual labels:  prototyping
Fake Auth
A fake auth service for prototyping authentication flows
Stars: ✭ 50 (-67.32%)
Mutual labels:  prototyping
Wired Elements
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
Stars: ✭ 8,848 (+5683.01%)
Mutual labels:  prototyping
Puppy
Starter kit and delivery system for building static prototypes with Twig
Stars: ✭ 25 (-83.66%)
Mutual labels:  prototyping
Guify
A simple GUI for inspecting and changing JavaScript variables
Stars: ✭ 111 (-27.45%)
Mutual labels:  prototyping
Ok Mdx
Browser-based MDX editor
Stars: ✭ 681 (+345.1%)
Mutual labels:  prototyping
Pela Blocks
3D printed, LEGO-compatible parametric rapid prototyping, robots and enclosures
Stars: ✭ 62 (-59.48%)
Mutual labels:  prototyping
Puzzle Publisher
A Sketch plugin that exports Sketch artboards into clickable HTML file and publishes it on an external site.
Stars: ✭ 131 (-14.38%)
Mutual labels:  prototyping
Involt
Inject hardware interactions directly into HTML layout.
Stars: ✭ 128 (-16.34%)
Mutual labels:  prototyping
Ibanimatable
Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable.
Stars: ✭ 8,585 (+5511.11%)
Mutual labels:  prototyping

🎨 Recoil Design Tool

A simple example design tool, built using Recoil and React Suspense.

Check out the live demo here.

Find the tutorial videos here:

Click here for the tutorial videos

To get started

  1. Clone the repo
git clone [email protected]:jacques-blom/recoil-design-tool.git
  1. Choose the branch you want
git checkout 00-useState # This is the app implemented using React State (clone this to follow along with the video)
git checkout 01-context # This is the app implemented using React Context
git checkout 02-recoil # This is the app implemented using Recoil
git checkout 03-data-fetching # This is the starting point for the Data Fetching video
git checkout 04-data-fetching-part-1-complete # This is the completed app after Data Fetching Part 1
git checkout 05-data-fetching-part-2-complete # This is the completed app after Data Fetching Part 2
  1. Install dependencies using Yarn
cd recoil-design-tool
yarn
  1. Start the development server
yarn start

Any questions?

File an issue or reach out to me on Twitter (@jacques_codes). I'd be more than happy to help!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].