Swift PiecesPro
  • Library
    Screens48Finished, designed screens for real apps.Templates10Complete apps built from the screens.Build Kit24Styles, briefs and recipes for your coding agentEverything58The whole library, with search
  • Docs
  • Pro

Library

  • Screens48
  • Templates10
  • Build Kit24
  • Everything58
  • Docs
  • Pro
  • Account
Get Swift Pieces ProFree library ↗
Swift PiecesPro

Production-ready SwiftUI screens and app templates for iOS. The pieces to build the whole app.

Library

  • Screens
  • Templates
  • Build Kit
  • Everything

Product

  • Pro
  • Your account
  • Sign in

Resources

  • Docs
  • CLI
  • MCP and agents
  • Free library

Social

  • X / Twitter
  • GitHub

SWIFTPIECES PRO

© 2026 Swift Pieces. One payment, lifetime access, per-developer commercial license.

Curated withby Saivion

LibraryScreensRecipes

Screen · Food

Recipes

Drawn category tiles that re-rank with a spring as you pick what you need.

A browse screen of large colour tiles with drawn illustrations and round arrow buttons, under a two-weight headline. Picking needs from a chip row re-ranks the grid with a spring reflow and a live match count, and each tile opens its collection.

SwiftUIiOS 17.0+recipe-tiles

Get Swift Pieces Pro

$199 once, every piece included. See how installing works · Sign in

01

What's included

SwiftUI source you own, built on Apple frameworks only.

  • Tiles with line-drawn illustrations that bleed off the edge
  • Need chips that re-rank the grid with a spring reflow
  • A live match count and an empty state when nothing fits
  • A two-weight headline that reads the scheme's type
  • The Recipes screen from the preview, ready to adapt

Used in

Meal Planner (template)

02

Implementation notes

How it behaves, what it handles, and the decisions behind it.

Pick what dinner needs to be and the grid answers. Each need chip narrows the collections to the ones that can meet every pick, and the tiles that stay reorder by how many of their recipes fit, in a single spring, while the count above them rolls to the new total. Each tile is a solid block with a two-line title (a regular line over a bold one), a line drawing that bleeds off its bottom edge and a round arrow button in a deeper shade of the block. When nothing fits, the grid gives way to an empty state with a way back.

Notes

  • RecipeTiles takes its tiles, needs and colours through parameters and reads no theme. Bind selection to keep a person's picks, and handle onOpen to push the collection.
  • A tile's needs counts its recipes per need. The default ranking takes the smallest of those counts for the picked needs; when you have the recipes themselves, pass rank and return the exact number that fit.
  • The six drawings (RecipeArt: bowl, leaves, pot, fish, loaf and pan) are original line art drawn in code with two stroke weights. RecipeTileArt draws them anywhere, at any size, in the ink and accent you give it; the web preview draws the same paths.
  • Tiles move as a grid, not as a list, so VoiceOver reads each one as a button with its title and how many recipes fit. Chips carry the selected trait, and a selection haptic marks every change.
  • At accessibility text sizes the grid becomes one column and tiles grow with the text. Reduce Motion replaces the reflow spring with a short fade.
  • RecipeTilesExample at the end of RecipeTiles.swift is the screen shown in the preview, with the eyebrow, the two-weight headline and the app's floating bar. Copy it as a starting point.

03

Keep building

Pieces that work well next to this one.

Screen · Food

Nutrition

A week in packed bubbles you tap to focus, with a progress figure and capsule bars.

Template · Food

Meal Planner

Sprig, a meal planning app: a complete Xcode project with recipes that fit your pantry, a week plan, a grocery list, nutrition stats, cook mode, widgets and three brand presets.

Screen · Onboarding

What's New

A what's-new screen of mixed-size tiles that open into detail.