Skip to main content
Typhoon.
Back to all projects
Tablet AppAdvancedLive demo available

Pocket Studio — iPad Notes & Sketch

iPad Pro notes app with folder hierarchy, rich text formatting, search, and an inline sketch pad — Apple Pencil-aware design.

Timeline
6 – 10 weeks
Starting at
From AED 38,000
Pages
4
Tech stack
4 tools

Project overview

A premium tablet notes experience purpose-built for iPad Pro: folder hierarchy in a left rail, rich text formatting (bold, italic, lists, inline code), full-text search, and a built-in sketch pad with smooth SVG strokes. Designed around Apple Pencil affordances and the iPad Pro form factor — runs in a real iPad Pro 13 device frame in the browser.

The brief

Target client

Creative-tool startups, illustrators, journalists, education companies, and any team building for tablets first.

Business problem

Most notes apps are phone apps stretched to a tablet — wasting the screen, the Pencil, and the form factor.

Business value

A first-class iPad app users open daily because it feels like it was designed for the device, not ported to it.

Features included

  • Folder hierarchy with drag-to-rearrange (mock)
  • Rich text editing (bold / italic / lists / inline code)
  • Full-text search across notes
  • Inline sketch pad with smooth SVG strokes
  • Apple Pencil-aware cursor + tap targets
  • Persistent notes & sketches via localStorage
  • Real iPad Pro 13 device frame in-browser

Pages included

SidebarNote editorSketch padSearch

Outcomes

Stroke render time
< 16ms
iCloud sync ready
Yes
iPadOS 17+
Targeted

Related work

Other projects in the same orbit.

Similar industries, similar scope, or similar interactive patterns.

E-commerce

Modern E-commerce Store

Advanced

Premium online store with cart, wishlist, filters, search, and a clean mobile checkout flow.

  • Filterable product grid (category, price, rating)
  • Debounced product search
  • Quick-view product modal
Next.jsTypeScriptTailwind CSSFramer Motion
Corporate

Corporate / Engineering Company Site

Intermediate

Trust-building corporate website for a service company that wins bigger contracts.

  • Animated stat counters on viewport-enter
  • Services grid with hover effects
  • Vertical project timeline with sticky scroll
Next.jsTypeScriptTailwind CSSFramer Motion
News & Blog

News & Blog Platform

Intermediate

Modern publishing platform with breaking-news ticker, category filters, and a clean reading experience.

  • Animated breaking-news ticker
  • Category navigation with smooth filtering
  • Featured + trending article sections
Next.jsTypeScriptTailwind CSSFramer Motion

Available for projects · 2026

Ready to build the website your business deserves?

Free 30-minute scoping call. Fixed quote. Reply within 24 hours. No retainer required to get started.

  • You own the code
  • You own the design files
  • Post-launch support included