Touchable

Beautiful UI that reads.

Touch-first React design system: crisp surfaces, strong hierarchy, and components built for thumbs (not just cursors). Buttons, cards, forms, tabs, tokens, and a Vite demo gallery.

Why Touchable?

I care about readability, simplicity, touch clarity, and beautiful design, and I think those belong together.

Touchable is a small component library built around that idea. Interfaces that feel modern and bright, are easy to read at a glance, and reward touch with clear feedback, especially on mobile.

I want the same bar I see in beautifully crafted products, where the design language holds up in buttons, tabs, and cards, not just hero screens. Touchable is my attempt to make that reusable.

Design reference: docs/DESIGN.md · docs/INTEGRATION.md.

A note on direction

In 2025, Apple introduced Liquid Glass: a beautiful, material-rich visual language built around translucency, depth, and layered surfaces.

It pushed what interfaces can look like, and it started an honest conversation about tradeoffs: when surfaces become more expressive, readability, simplicity, and touch clarity can sometimes need extra attention.

Touchable is my take on that balance: still beautiful, still modern: with defined edges, strong hierarchy, and touch-first interaction at the center.

Install

npm install @palashjain95/touchable

Requirements

• React 18+
• Tailwind CSS v4 (consumer app must scan library classes or import prebuilt CSS)

License

MIT

Author

Built with Touchable

Notey

Notey is a collaborative workspace for musicians.