feeby

Hand-drawn React components built with RoughJS

npm install feeby

Component Showcase

SketchyButton

SketchyText

Sketchy Text!

SketchyRectangle

SketchyBackground

StickyTape

Hello!

Tape

ThumbTack

FoldedCorner

PinnedNote

Note

A pinned note

StickyNote

Role

Company

2024

Description

React

BinderPaper

Blog Post

2024

Sample text

RippedBanner

Banner!

PaperAirplane

TapedBox

Content

Compositions & Examples

See how components work together to create compelling UI patterns

1. Timeline with JourneyLine

My Journey

First Job

Company A

2022

Sample experience description

React

Promotion

Company B

2023

Sample experience description

TypeScript

Current

Company C

2024

Sample experience description

Next.js

2. Bulletin Board with Pinned Notes

Project 1

Build something amazing

Project 2

Another cool project

Project 3

Even more projects

3. Interactive DoodlePad

4. Blog Post Layout

Getting Started

January 2024

Learn how to use Feeby components in your React projects with this comprehensive guide.

Advanced Patterns

February 2024

Discover advanced composition patterns and best practices for building with Feeby.

Built with Feeby - Hand-drawn React components using RoughJS