Tag
#ui-pattern
Chess Board UI Kit in React Native (Free Pattern)
Build a chess board UI in React Native: an 8x8 board, draggable pieces, legal-move highlights, and check states, from a free VP0 design.
Live Audio Room UI in SwiftUI (Learn the Clubhouse Pattern)
Build a live audio room UI in SwiftUI: a stage of speakers, a listening audience, and raise-to-speak, from a free VP0 design. Moderate from day one.
Connections-Style Grouping Game UI in React Native
Build a word-grouping game like Connections in React Native: a 4x4 grid, select-four-and-guess, and color reveals, from a free VP0 design.
Deepfake Detection Warning Banner UI in iOS
Build a warning banner UI in iOS that flags possibly AI-generated or manipulated media, from a free VP0 design. Clear labeling, no overclaiming.
Free SwiftUI Chat Template (Build It Right)
Build a free chat UI in SwiftUI: a message thread, bubbles, an input bar, and real-time updates, from a free VP0 design. The patterns that make it solid.
Hamster Kombat-Style Tap-to-Earn UI in React Native
Build a tap-to-earn clicker UI like Hamster Kombat in React Native: a tap target, a balance, energy, and upgrade cards, from a free VP0 design.
Document Signing UI Like DocuSign (Learn the Pattern)
Build an e-signature UI like DocuSign: a document viewer, signature fields, and a sign-and-send flow, from a free VP0 design. Learn the pattern, keep it honest.
Locket-Style Photo Widget in SwiftUI (Learn the Pattern)
Build a Locket-style photo widget in SwiftUI with WidgetKit: a friend's latest photo on your Home Screen, from a free VP0 design. Learn the pattern, respect privacy.
Telegram Mini App Bottom Sheet Modal in React Native
Build a bottom sheet modal for a Telegram Mini App in React Native: detents, theme-matched colors, and native buttons, from a free VP0 design.
Public Transit Router UI in React Native (Learn the Pattern)
Build a public transit router UI like Moovit in React Native: route options, steps with lines and transfers, and live times, from a free VP0 design.
Notcoin-Style Tap-to-Earn Game UI in React Native
Build a tap-to-earn game UI like Notcoin in React Native: a big tap target, a points counter, energy, and upgrades, from a free VP0 design.
Notion-Style UI Kit for iPad in SwiftUI (Learn the Pattern)
Build a Notion-style workspace UI for iPad in SwiftUI: a sidebar, a block-based editor, and adaptive layout, from a free VP0 design.
Podcast Player UI in SwiftUI (Learn the Spotify Pattern)
Build a podcast player UI in SwiftUI: a now-playing screen, a scrubber, speed and skip controls, and background audio, from a free VP0 design.
Sudoku Grid Generator UI in SwiftUI (Free Source Pattern)
Build a Sudoku game in SwiftUI: a 9x9 grid, a uniquely-solvable puzzle generator, notes, and validation, from a free VP0 design.
Telegram-Style Channel List UI in SwiftUI (Learn the Pattern)
Build a Telegram-style channel and chat list in SwiftUI: rows with avatar, last message, time, and unread badge, from a free VP0 design.
Video Editor Timeline UI in iOS (Learn the CapCut Pattern)
Build a video editor timeline UI in SwiftUI: scrubbable clips, trim handles, and layered tracks, from a free VP0 design. AVFoundation does the editing.
Virtual Pet (Tamagotchi-Style) UI in SwiftUI
Build a virtual pet app in SwiftUI: needs that change over real time, care actions, and gentle reminders, from a free VP0 design.
Waze-Style Navigation UI in React Native (Learn the Pattern)
Build a turn-by-turn navigation UI like Waze in React Native: a full-screen map, a route, a maneuver banner, and community reports, from a free VP0 design.
Web3 Game Leaderboard UI in React Native
Build a game leaderboard UI in React Native for a web3 game: ranked players, your position, and seasons, from a free VP0 design. Server-authoritative scores.
Wordle-Style Daily Word Game in SwiftUI (Learn the Pattern)
Build a daily word-guessing game like Wordle in SwiftUI: a letter grid, color feedback, and a once-a-day puzzle, from a free VP0 design.
Map Clustering UI for a Real-Estate App (Learn the Pattern)
Build a Zillow-style map with clustering in React Native: hundreds of listings grouped into clusters that split as you zoom, from a free VP0 design.
Multi-Step Form With Progress Bar UI for Mobile
Breaking a long form into steps with a progress bar cuts abandonment. Build it from a free VP0 design: a few fields per step and data kept on back.