• Designs
  • MCP
  • Pricing

SwiftUI designs with the code. Copy them, download them, or build with them in Claude, ChatGPT and Cursor.

Swifolio

  • Designs
  • MCP
  • Pricing

Categories

  • Effects & Animations
  • Buttons & Controls
  • Cards & Carousels
  • Tab Bars & Navigation
  • Scroll Lists & Grids
  • Onboarding & Auth

Account

  • Sign in
  • Saved designs
  • API keys
© 2026 Swifolio. Designs inspired by other apps are original code, not affiliated with or endorsed by those apps' owners.llms.txtBack to top ↑
All designs

Buttons & Controls

Apple Sleep Time Circular Slider

  • iOS 17+

Preview

About

Drag the moon and alarm around a 24 hour dial to set bedtime and wake up, with your sleep hours counting live.

Requires
iOS 17+
APIs
GeometryReader, Liquid Glass
Tags
apple, sleep, time, circular, slider, clock, controls, minimal, glass, drag, the, bedtime, alarm, setup, screen, tracker, app

Code

The code for this design comes with Swifolio Pro

$9.99/mo or $99/yr unlocks every design's source, .zip downloads and the MCP for Claude, ChatGPT and Cursor.

Get Pro

More like this

Apple Sports-Style Timeline Slider

Apple Sports-Style Timeline Slider
Buttons & Controls

Photos-Style 2D Positional Slider

Photos-Style 2D Positional Slider
Buttons & Controls

Stretchy Slider

Stretchy Slider
Buttons & Controls