ooade / React Rough
Licence: mit
🐇 React Components for Rough.js
Stars: ✭ 164
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to React Rough
reactsandbox
Create a React Component Sandboxes based on compositions
Stars: ✭ 11 (-93.29%)
Mutual labels: react-components, storybook
React Recipes
👩🍳 A React Hooks utility library containing popular customized hooks
Stars: ✭ 452 (+175.61%)
Mutual labels: hooks, react-components
React Awesome Reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Stars: ✭ 346 (+110.98%)
Mutual labels: hooks, react-components
smores-react
🍭 Marshmallow React components
Stars: ✭ 34 (-79.27%)
Mutual labels: react-components, storybook
Matchbox
🔥 A react UI component library
Stars: ✭ 58 (-64.63%)
Mutual labels: react-components, storybook
react-awesome-reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Stars: ✭ 564 (+243.9%)
Mutual labels: hooks, react-components
Beautiful React Hooks
🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥
Stars: ✭ 5,242 (+3096.34%)
Mutual labels: hooks, react-components
react-ecommerce
E-commerce monorepo application using NextJs, React, React-native, Design-System and Graphql with Typescript
Stars: ✭ 136 (-17.07%)
Mutual labels: hooks, storybook
Deep Viz
A React component library, providing concise and beautiful diversity charts with Canvas, SVG, E-map, WebGL, Dom, based on data visualization experience and commercial data display practice.
Stars: ✭ 55 (-66.46%)
Mutual labels: svg, react-components
React Inlinesvg
An SVG loader component for ReactJS
Stars: ✭ 952 (+480.49%)
Mutual labels: svg, react-components
vscode-react-javascript-snippets
Extension for React/Javascript snippets with search supporting ES7+ and babel features
Stars: ✭ 782 (+376.83%)
Mutual labels: hooks, react-components
React Cassette Player
Simple ReactJS HTML5 audio player component built with SVG icons from The Noun Project.
Stars: ✭ 93 (-43.29%)
Mutual labels: svg, react-components
gypcrete
iCHEF web components library, built with React.
Stars: ✭ 28 (-82.93%)
Mutual labels: react-components, storybook
learn-react-typescript
Learning React contents with TypeScript (Hooks, Redux)
Stars: ✭ 15 (-90.85%)
Mutual labels: hooks, storybook
availity-react
React components using Availity UIKit and Bootstrap 4
Stars: ✭ 46 (-71.95%)
Mutual labels: react-components, storybook
Vscode Es7 Javascript React Snippets
Extension for Javascript/React snippets with search supporting ES7 and babel features
Stars: ✭ 435 (+165.24%)
Mutual labels: hooks, react-components
fyndiq-ui
Library of reusable web frontend components for Fyndiq
Stars: ✭ 39 (-76.22%)
Mutual labels: react-components, storybook
Storybook Addon Material Ui
Addon for storybook wich wrap material-ui components into MuiThemeProvider. 📃 This helps and simplifies development of material-ui based components.
Stars: ✭ 513 (+212.8%)
Mutual labels: react-components, storybook
Msvgc
Make React components from your plain SVG files
Stars: ✭ 64 (-60.98%)
Mutual labels: svg, react-components
React Bindings for Rough.js
-welcome-brightgreen.svg?style=flat-square){kind=icon}
Installation
npm
npm add react-rough roughjs
or
yarn
yarn add react-rough roughjs
Render a Rectangle on a canvas element
import ReactRough, { Rectangle } from 'react-rough';
render(
<ReactRough>
<Rectangle x={15} y={15} width={90} height={80} fill="red" />
</ReactRough>
);
Learn More
To learn more, go through our StoryBook.
Visit the Website
License
MIT
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].