Skip to main content
Looseleaf

Looseleaf

MIT-licensed React components that look drawn by hand, with the same parts and props as shadcn/ui.

Free·React·UI·Open Source·shadcn
Looseleaf preview 1

What is Looseleaf?

Looseleaf is Kevin Ngo's React component library, posted November 1, 2026. The site at https://kevintngo.github.io/looseleaf/ says it is 123 accessible React components that look drawn by hand, with the same parts and props as shadcn/ui. The README says the registry is https://kevintngo.github.io/looseleaf/r/{name}.json, and the install line is npx shadcn@latest add @looseleaf/button.

Components land in the repo as source. The README also counts 61 blocks, Kevin Sans, and a pencil-stub mascot named Stubby. The demo video was made with Benji Taylor's Stageshow skill.

The license file is MIT, copyright 2026 Looseleaf contributors. The README says that license covers the code, the art, and Kevin Sans, and that IBM Plex Mono is SIL Open Font License 1.1. The site and repository do not list a paid plan.

Pricing: Free. The license file is MIT, copyright 2026 Looseleaf contributors. The README says that covers the code, the art, and Kevin Sans, and that IBM Plex Mono is SIL Open Font License 1.1. The site and repository checked on November 1, 2026 do not list a paid plan.

Features

  • 123 accessible React components with shadcn/ui parts and props
  • Install with npx shadcn@latest add @looseleaf/button
  • 61 blocks, Kevin Sans, and the Stubby mascot
  • MIT license for the code, the art, and Kevin Sans

FAQs

Common questions about Looseleaf

What is Looseleaf?
A React library of 123 components that look drawn by hand, with the same parts and props as shadcn/ui. Kevin Ngo posted it on November 1, 2026.
How much does Looseleaf cost?
The site and repository do not list a price. The license is MIT, copyright 2026 Looseleaf contributors. IBM Plex Mono in the repo is SIL Open Font License 1.1.
How do I install Looseleaf?
The README says to add the @looseleaf registry, then run npx shadcn@latest add @looseleaf/button. The registry URL is https://kevintngo.github.io/looseleaf/r/{name}.json.
What license is Looseleaf under?
MIT, copyright 2026 Looseleaf contributors. The README says that covers the code, the art, and Kevin Sans. IBM Plex Mono is SIL Open Font License 1.1.

Ask AI about Looseleaf

Share

Similar Launches