{"repo":"Bowen7/react-rough-fiber","free":true,"listed":false,"github":"https://github.com/Bowen7/react-rough-fiber","clone":"git clone https://github.com/Bowen7/react-rough-fiber.git","description":"A React renderer for rendering hand-drawn SVGs.","language":"TypeScript","stars":444,"topics":["hand-drawn","react","react-renderer","roughjs","svg","svg-icons","hand-drawn-graphs"],"license":"MIT","category":"deployment-docker-iac","readme_excerpt":"React Rough Fiber react-rough-fiber -- A React renderer for rendering hand-drawn SVGs. Installation If you are using React 18, you need to install react-reconciler@0.29.2; If you are still using React 17, you can install react-reconciler@0.26.2 Quick Start To render the SVG in a hand-drawn style, you only need to add three lines of code: Usage react-rough-fiber can integrate with many existing SVG-based libraries: - Icon - Chart - recharts - visx - react-d3-tree - Text - SVG string - Remote SVG - Emoji API Full Documentation. RoughSVG - containerType = 'div': The type of container to use for the RoughSVG . Optional. - options: RoughOptions ((shape: SVGShape, props: React.HTMLAttributes ) = RoughOptions = {}. It can be a RoughOptions for Rough.js. Also support a function that returns RoughOptions . Optional. WCRoughSVG WCRoughSVG is only compatible with React version 18.0.0 or later. If you want to use context in RoughSVG , you can use WCRoughSVG instead of RoughSVG . See FAQ for more details. All parameters of WCRoughSVG are identical to RoughSVG . Development This library is a monorepo project. The core package can be found under /packages/react-rough-fiber , and the docs are under /apps/docs - clone this repo - run pnpm install to install dependencies - run pnpm dev , and open localhost:3000 to view the documentation. - run pnpm test to run tests. PRs are welcome! How does it work? See my blog. Showcases - Add your project by creating a PR Credits react-rough-fiber is power","default_branch":null,"files":null,"tree":[],"storefront":"/r/Bowen7","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Bowen7/react-rough-fiber/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}