A dark-themed Next.js site with 35+ production-ready SwiftUI components you can copy and paste directly into your Xcode project. Think shadcn/ui but for SwiftUI.
- 35+ components across 8 categories — buttons, cards, inputs, feedback, layout, navigation, media, modifiers
- One-click copy — click any component to expand the code, then copy to clipboard
- Swift syntax highlighting — Prism.js with Xcode-inspired colours
- Search & filter — find components by name, description, or tag
- Category tabs — Buttons, Cards, Inputs, Feedback, Layout, Navigation, Media, Modifiers
- Zero dependencies — every component is self-contained, no SPM packages needed
- iOS 16+ / Swift 5.9+ compatible
| Category | Components | Examples |
|---|---|---|
| Buttons | 5 | Primary, Icon, Loading, Outline, Destructive |
| Cards | 5 | Info, Stat, Glass, Profile, Pricing |
| Inputs | 5 | Styled TextField, Search Bar, OTP, Toggle Group, Star Rating |
| Feedback | 5 | Toast, Skeleton Loader, Empty State, Progress Ring, Badge |
| Layout | 4 | Section Header, Labeled Divider, Responsive Grid, Sticky Scroll Header |
| Navigation | 3 | Floating Tab Bar, Breadcrumb, Sidebar Menu |
| Media | 3 | Avatar Stack, Image Carousel, Video Thumbnail |
| Modifiers | 5 | Shimmer, Glassmorphism, Spring Press, Conditional, Shake |
| Layer | Technology |
|---|---|
| Framework | Next.js 15 App Router |
| Language | TypeScript |
| Styling | Tailwind CSS v4 |
| Syntax Highlighting | Prism.js with Swift grammar |
| Fonts | Geist Sans + Geist Mono via next/font |
git clone https://github.com/SoldergG/swiftui-gallery.git
cd swiftui-gallery
npm install
npm run devOpen http://localhost:3000.
Edit src/lib/components-data.ts:
{
id: "my-component",
name: "My Component",
category: "buttons", // must match a category id
description: "Description shown on the card",
preview: "[ Button ]", // ASCII hint
tags: ["button", "custom"],
code: `struct MyComponent: View { ... }`,
}MIT
Built by Lucas Salvador · Portugal