{"repo":"SarthakRawat-1/sketchbook-ui","free":true,"listed":false,"github":"https://github.com/SarthakRawat-1/sketchbook-ui","clone":"git clone https://github.com/SarthakRawat-1/sketchbook-ui.git","description":"UI library that looks like it was drawn by hand","language":"TypeScript","stars":290,"topics":["component-library","frontend","hand-drawn","open-source","react","react-components","react-ui","sketch-ui","tailwindcss","ui-library"],"license":"MIT","category":"ui-components","readme_excerpt":"Sketchbook UI A hand-drawn React component library with a sketchy, notebook aesthetic. 20 fully typed components with wobbly borders, paper textures, and pencil-line details, for side projects, landing pages, or anywhere you want to stand out. Features - 20 components (Button, Input, Modal, Accordion, Toast, etc.) - Hand-drawn SVG borders, paper textures, and subtle animations - Fully typed with TypeScript - Themeable via colors and typography props on every component - Zero runtime dependencies beyond React - Tree-shakeable, under 70 kB gzipped Documentation Browse all components and their variants in the Storybook docs. Installation Peer Dependencies Make sure you have React installed: Quick Start 1. Import the CSS Import the Sketchbook UI styles in your main entry file (e.g., main.tsx or App.tsx ): 2. Use Components 3. Customize with Themes Every component accepts colors and typography props for customization: Available Components - Form Controls : Button, Input, Textarea, Checkbox, Switch, Select, RadioGroup, Slider - Data Display : Badge, Avatar, Card, Divider, Progress, Skeleton (with SkeletonText, SkeletonCard), Spinner, Tooltip - Feedback : Toast (with ToastContainer and useToast hook), Modal - Navigation : Dropdown, Accordion (with AccordionItem) TypeScript Support Sketchbook UI is written in TypeScript and includes full type definitions. All components are fully typed with proper prop interfaces. Tree Shaking The library is built with tree-shaking support. Only the ","default_branch":null,"files":null,"tree":[],"storefront":"/r/SarthakRawat-1","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/SarthakRawat-1/sketchbook-ui/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."}