Reactry's chessboard is wallpaper generator written in React

Overview

Reactry's chessboard

Reactry's chessboard is wallpaper generator written in React.

goals

  • ablity to select a custom color
  • a button to randomize all options
  • added option to add image
  • added option to add text

1.3.0 - future

  • added option to set border-radius of squares
  • added option to set padding of squares
  • added repo and twitter links at bottom of InputComponent

1.2.0 - 2022-02-05

  • ability to render rectangles - replaced sizeIndex with widthIndex and heightIndex
  • removed odd sizes
  • now user can switch colors by pressing left and right keys
  • now user can switch sizes by pressing left and right keys
  • implemented Tabs in InputComponent

1.1.0 - 2022-02-04

  • added new colors pink, indogo and lime
  • added button to choose a random color
  • added transparent color option
  • made somewhat responsive by stacking things on mobile
  • added a DebugTable for viewing state while debugging
  • moved Input and Output components to separate dirs

1.0.0 - 2022-02-02

  • 4 resolutions, 5 colors and 10+ sizes
  • wallpaper can be downloaded as PNG
  • deleting from disk for now
You might also like...
Tsnip.nvim - Plugin to expand snippets written in Pure TypeScript(Deno)

tsnip.nvim Plugin to expand snippets written in Pure TypeScript(Deno). This plug

:tada: React Universal Hooks : just use****** everywhere (Functional or Class Component). Support React DevTools!
:tada: React Universal Hooks : just use****** everywhere (Functional or Class Component). Support React DevTools!

react-universal-hooks React Universal Hooks : just use****** everywhere. Support React = 16.8.0 Installation Using npm: $ npm install --save react-un

React ESI: Blazing-fast Server-Side Rendering for React and Next.js
React ESI: Blazing-fast Server-Side Rendering for React and Next.js

React ESI: Blazing-fast Server-Side Rendering for React and Next.js React ESI is a super powerful cache library for vanilla React and Next.js applicat

30 Days of  React challenge is a step by step guide to learn React in 30 days
30 Days of React challenge is a step by step guide to learn React in 30 days

30 Days of React challenge is a step by step guide to learn React in 30 days. It requires HTML, CSS, and JavaScript knowledge. You should be comfortable with JavaScript before you start to React. If you are not comfortable with JavaScript check out 30DaysOfJavaScript. This is a continuation of 30 Days Of JS. This challenge may take up to 100 days, follow your own pace.

React Navigation for React js that tries to ensure that the elements of the navigators display correctly on devices with notches and UI elements which may overlap the app content.
React Navigation for React js that tries to ensure that the elements of the navigators display correctly on devices with notches and UI elements which may overlap the app content.

React Navigation for React js that tries to ensure that the elements of the navigators display correctly on devices with notches (e.g. iPhone X) and UI elements which may overlap the app content.

React People lists and connects React developers around the world.

React People React People lists and connects React developers around the world. Progress View the Project page for details on what's planned and what'

React Backbone Binding that works with React 16

WithBackbone React Higher Order Component which will bind Backbone Data that works with React Fiber (v.16) Why did we make it There are already a coup

A description of React's new core algorithm, React Fiber

React Fiber Architecture Introduction React Fiber is an ongoing reimplementation of React's core algorithm. It is the culmination of over two years of

React Clone - How React Works: An In-Depth Guide
React Clone - How React Works: An In-Depth Guide

Как работает React: подробное руководство Привет, друзья! В этой статье я покажу вам, с чего начинается React. Что это означает? Это означает, что мы

Owner
Home for @iaseth's React Apps.
null
A boiler code generator for electron with react or vue with taildwindcss in both JavaScript & TypeScript

A boiler code generator for electron with react or vue with taildwindcss in both JavaScript & TypeScript

Rajvir Singh 211 Dec 14, 2022
Recurrence rules generator form built with React

React RRule Generator Recurrence rules generator form built with React This project is no longer maintained by me. Thank you for all your past contrib

Filip Duczymiński 95 Nov 6, 2022
Professional React app generator. Shipped with an exposed, unopinionated, highly-performant config

Professional React app generator. Shipped with an exposed, unopinionated, highly-performant config. Jest-SWC, Storybook, SWC, Typescript, Webpack 5.

null 35 Dec 20, 2022
A TypeScript based PDF generator library, made with React.

PDFME TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license! Feat

pdfme 805 Jan 3, 2023
Password Generator using Genetic Algorithm

Password Generator using Genetic Algorithm

Ahmad Anshorimuslim Syuhada 28 Nov 15, 2021
WYSIWG paper wallet generator

Hello Wallet Try it. Have you ever wanted to make a paper wallet but they all look like this? Using the latest graphic design technology it is possibl

Gavin 14 Nov 15, 2022
Github-profile-readme-maker - Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way

GPRM : GitHub Profile ReadMe Maker Features We got everything that you need ! Cr

Vishwa Gaurav 333 Dec 20, 2022
Isomorphic application written in React

Isomorphic "Quiz Wall" for itsquiz.com Motivation There are a lot of tutorials and boilerplates showing how to write isomorphic ReactJs applications.

WebbyLab 521 Nov 1, 2022
Implementation of WebAuthn API written in React and Express

Simple WebAuthn demo Implementation of WebAuthn API written in React and Express. Demo that shows the future of passwordless authentication. Users reg

Sheikh Salman 6 Dec 12, 2022
Ethereum's missing NFT swap library for web3 developers. Written in TypeScript. Powered by 0x.

NFT Swap SDK _The missing NFT swap SDK for Ethereum and EVM compatible chains, powered by the 0x protocol, written in TypeScript for web3 developers.

trader.xyz 191 Dec 25, 2022