SwiftUI • iOS 16+ • macOS 13+

Hand-drawn UI for SwiftUI

Every button wobbles. Every card has character. The only native SwiftUI library that renders every stroke through a real perturbation engine.

0 Components
0 Icons
0 Creatures
0 Themes
0 Fonts

See the Actual Product

These are real screenshots from the demo app running on iPhone 17 Pro. What you see is what you get.

100% Native SwiftUI Zero Dependencies Lifetime Updates Swift 6.2 Ready iOS 16+ & macOS 13+

34+ Components

Every component renders through the perturbation engine — authentic wobble, jitter, and roughness on every stroke.

Controls

Button Toggle Slider Stepper Picker Segmented Control Radio Group

Layout

Card Divider List / Section Tab Bar Navigation Bar Disclosure Group

Feedback

Progress View Progress Ring Gauge Badge Alert Tooltip

Input

Text Field Text Area Search Field Calendar Picker

Overlays

Sheet Menu Context Menu Popover

Data Viz

Bar Chart Line Chart Pie / Donut Annotations Arrows Image Frames

Built Different

Not just rounded corners with a font change. Real FBM noise perturbation on every stroke.

~

Perturbation Engine

FBM noise-based rendering. Every line wobbles uniquely. Seed-deterministic so shapes stay stable across redraws.

#

5 Theme Presets

Subtle, Playful, Organic, Comic, Chaotic. Each with 3 role styles. One line to switch.

@

6 Animated Creatures

Blobby, Cat, Owl, Robot, Ghost, Octopus. Frame-based animation with state machines and blend transitions.

Aa

6 Handwriting Fonts

Caveat, Kalam, Patrick Hand, Architects Daughter, Indie Flower, Chalkboard. Bundled with proper metrics.

*

Animation System

Dissolve, wiggle, breathing, confetti, skeleton loading, draw-on paths, jittery text. All reusable modifiers.

+

73 Hand-Drawn Icons

8 categories. Every icon built from sketch primitives. Same perturbation engine as components.

Drop-In Simple

Works like native SwiftUI. Add .sketch style modifiers and you're done.

ContentView.swift
import RippaUI

struct ContentView: View {
    @State private var enabled = true

    var body: some View {
        VStack {
            // Sketch-styled button
            SketchButton("Tap Me") {
                print("Tapped!")
            }

            // Hand-drawn toggle
            Toggle("Enable", isOn: $enabled)
                .toggleStyle(.sketch())

            // Sketchy card container
            SketchCard {
                Text("Hand-drawn UI!")
            }
        }
        .environment(\.sketchTheme, .organic)
    }
}

Up and Running in 30 Seconds

Add via Swift Package Manager. No CocoaPods, no Carthage, no fuss.

1

Add the Package

In Xcode: File → Add Package Dependencies…

https://github.com/RippaX-Labs/RippaUI.git
2

Import & Use

Import the module and apply sketch styles to any SwiftUI view.

import RippaUI
3

Pick a Theme

Set a theme environment and everything inside becomes hand-drawn.

.environment(\.sketchTheme, .playful)

5 Theme Presets

From barely-there pencil marks to wild chaotic scribbles. One line to switch.

Button
Subtle Clean & minimal
Button
Playful Fun & bouncy
Button
Organic Natural & warm
Button
Comic Bold & graphic
Button
Chaotic Wild & untamed

Meet the Creatures

6 animated characters built from geometric primitives. Frame-based animation with state machines.

👾
Blobby idle, wave, jump, smile, walk
🐱
Cat idle, pounce, purr, meow
🦉
Owl idle, fly, headTurn, hoot
🤖
Robot idle, dance, wave, error
👻
Ghost idle, spook, hide, float
🐙
Octopus idle, swim, wave, ink

The Only Native Option

RippaUI is the only hand-drawn UI library built natively for SwiftUI.

RippaUI
Rough.js Wired Elements Generic SwiftUI
Native SwiftUI
Hand-Drawn Aesthetic
Perturbation Engine FBMPartial
Animated Creatures 6
Theme System 5Varies
Sound & HapticsRare
73 Hand-Drawn Icons
Sketch Charts
Annotations
Draw to Customize

All Features Live

Every feature below is included in your license — shipped and ready to use.

//

Sketch Annotations

Underline, highlight, circle, strike-through, bracket text modifiers that animate in sequence.

Shipped
||

Sketch Charts

Hand-drawn bar, line, pie, donut charts. The only sketch-style data viz for SwiftUI.

Shipped
##

6 Fill Styles

Cross-hatch, dots, zigzag, dashed, sunburst, hachure fills per shape.

Shipped
->

Arrows & Connectors

Sketch-style arrows, elbow connectors, flowchart lines.

Shipped
(O)

Progress Ring

Circular progress variant with animated sketch wobble fill.

Shipped
[..]

Calendar Picker

Fully hand-drawn calendar. Month navigation, date selection.

Shipped
[ ]

Screen Templates

Pre-built onboarding, settings, profile, paywall screens.

Shipped

Dark Mode

Sketch-appropriate dark palettes for all 5 themes.

Shipped

Export to PNG

Render any sketch component as a shareable image.

Shipped

Radio & TextArea

Sketch radio groups and multiline text fields.

Shipped

Image Frames

Sketch borders around photos. Polaroid, torn-edge, tape effects.

Shipped

One Price. Forever.

One-time purchase. Lifetime updates. All roadmap features included.

Indie

$29

one-time payment

  • 1 developer license
  • All 22+ components
  • 73 hand-drawn icons
  • 6 animated creatures
  • 5 themes • 6 fonts
  • Full animation system
  • All roadmap features free
  • Lifetime updates via SPM
Buy Indie

Enterprise

$249

one-time payment

  • Unlimited developers
  • Everything in Team
  • Full source code access
  • Commercial redistribution
Buy Enterprise

How It Works

From checkout to your first hand-drawn button in under 2 minutes.

1

Buy & Enter GitHub Username

At checkout, enter your GitHub username. This is how we deliver your license.

2

Get Invited Automatically

Within seconds, you'll receive a GitHub invitation to the private RippaUI repository. Accept it.

3

Add via Swift Package Manager

In Xcode: File → Add Package Dependencies → paste the private repo URL. Authenticate with your GitHub account.

4

Start Building

import RippaUI and go. Full API docs, sample code, and a demo app are included in the repo.

Delivery guarantee: If you don't receive your invite within 5 minutes, email us and we'll add you manually. Every purchase is backed by our team.

Start building
something delightful

Join hundreds of developers shipping apps with character.