Every button wobbles. Every card has character. The only native SwiftUI library that renders every stroke through a real perturbation engine.
Every component renders through a perturbation engine — authentic hand-drawn wobble, jitter, and roughness.
Wobbly outlines, sketchy fills, 3 role styles
Hand-drawn capsule tracks with animated thumbs
Sketchy progress with animated fill
Rough-edged containers that feel organic
Sketchy tracks with draggable knobs
Hand-drawn labels and notification dots
+ Segmented Control, Search Field, Stepper, Picker, Tab Bar, Gauge, Tooltip, Menu, Alert, Sheet & more
Not just rounded corners with a font change. Real FBM noise perturbation on every stroke.
FBM noise-based rendering. Every line wobbles uniquely. Seed-deterministic so shapes stay stable across redraws.
Subtle, Playful, Organic, Comic, Chaotic. Each with 3 role styles. One line to switch.
Blobby, Cat, Owl, Robot, Ghost, Octopus. Frame-based animation with state machines and blend transitions.
Caveat, Kalam, Patrick Hand, Architects Daughter, Indie Flower, Chalkboard. Bundled with proper metrics.
Dissolve, wiggle, breathing, confetti, skeleton loading, draw-on paths, jittery text. All reusable modifiers.
8 categories. Every icon built from sketch primitives. Same perturbation engine as components.
Works like native SwiftUI. Add .sketch style modifiers and you're done.
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)
}
}Add via Swift Package Manager. No CocoaPods, no Carthage, no fuss.
In Xcode: File → Add Package Dependencies…
https://github.com/williamjiamin/RippaUI.git
Import the module and apply sketch styles to any SwiftUI view.
import RippaUISet a theme environment and everything inside becomes hand-drawn.
.environment(\.sketchTheme, .playful)From barely-there pencil marks to wild chaotic scribbles. One line to switch.
6 animated characters built from geometric primitives. Frame-based animation with state machines.
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 | FBM | Partial | ||
| Animated Creatures | 6 | |||
| Theme System | 5 | Varies | ||
| Sound & Haptics | Rare | |||
| 73 Hand-Drawn Icons | ||||
| Draw to Customize | Soon |
These features ship with your lifetime license — no extra cost.
Underline, highlight, circle, strike-through, bracket text modifiers that animate in sequence.
Hand-drawn bar, line, pie, donut charts. The only sketch-style data viz for SwiftUI.
Cross-hatch, dots, zigzag, dashed, sunburst, hachure fills per shape.
Sketch-style arrows, elbow connectors, flowchart lines.
Circular progress variant with animated sketch wobble fill.
Fully hand-drawn calendar. Month navigation, date selection.
Freehand canvas to live-replace how buttons, progress bars, and icons render.
Pre-built onboarding, settings, profile, paywall screens.
Sketch-appropriate dark palettes for all 5 themes.
Render any sketch component as a shareable image.
Sketch radio groups and multiline text fields.
Sketch borders around photos. Polaroid, torn-edge, tape effects.
One-time purchase. Lifetime updates. All roadmap features included.
one-time payment
one-time payment
one-time payment
Join hundreds of developers shipping apps with character.