Calmly

Calmly is a premium iOS meditation and sleep UI kit for Figma, with 200 screens (100 light + 100 dark), 24 component sets (79+ variants), 108 Lucide icon components and 100% auto layout.

It covers the full mindfulness journey: splash, onboarding, sign up and sign in with inline validation, goals, experience and reminder setup, and a paywall. Home has a bento layout, a mood check-in and loading skeletons. Meditate covers categories, course and session detail; the player has playing and paused states, sleep timer, soundscapes and a sound mixer. Sleep covers sleep stories, bedtime routine, smart alarm, sleep tracker and a weekly report. Plus breathing exercises, stats, streaks, achievements, a mood calendar, journal, profile, settings, goals quiz with a 21-day plan, checkout flows, and loading, error and update-required states. The palette is deep indigo and lavender with a soft peach accent.

What's included

• 200 iPhone 15 (393x852) screens: 100 light + a full dark version of every screen, grouped into 16 user flows
• 24 component sets with 79+ variants (Session Card, Breath Guide, Sound Tile, Achievement Badge, Journal Card, Track Row, Mood Picker, Player Controls, Streak Card, Category Tile, floating Tab Bar and more)
• 108 icon components (Icon/name) from Lucide, with colors bound to variables
• 65 color variables (Light and Dark), 13 DM Sans text styles, spacing and radius tokens, layered shadow styles
• WCAG AA text contrast in light and dark, 44pt minimum buttons, bottom-anchored primary actions
• 100% auto layout, component-based screens, easy to rebrand

File format: Figma (.fig) inside a ZIP. Font: DM Sans (free, Google Fonts). Icons: Lucide (ISC License). No stock photos are used (all visuals are vector).