An original Swift Pieces remix inspired by Vocabulary. Screenshots © Monkey Taps, for reference only; not affiliated. Terms
Word Practice: a Swift Pieces remix in SwiftUI, inspired by Vocabulary
A word-learning app in six screens, in the Swift Pieces look; actions are pills, and cards, tiles and the word pager share one 24 radius. One word per page on the card surface under a header whose buttons open your streak and a new word, swiped through and saved toward a daily goal; a practice round under the navigation title where you pick the word for a meaning with the mascot watching; a sheet of topics as tilting colour blocks, with the next group still loading as skeleton tiles, whose Liked row pushes your liked words as one list grouped by letter with an A to Z rail to drag; a sheet to add your own word; and the week's streak over the next word. Built from Screen Header, Word Pager, Elastic Button, Quiz Choices, Mascot, Motion Card, Skeleton Loader, Glass Segments, Form Field, Commit Button and Index Scrubber.
- Swipe up through the words and save one
- In Practice, pick a wrong answer, then the right one
- Open Topics and tilt a topic card
- Open Liked from Topics and drag down the letters
- Practice a mix from Topics
- Add a word and watch it confirm
- Swipe: It follows your finger, then commits or springs home based on distance and speed.
- Tap: A tap acts on release, so dragging off cancels it.
- Drag: It tracks 1:1 under your finger and settles with a spring when released.
- Scroll: Content moves with momentum; headers and bars react to the offset.
- Toggle: The state changes at once and the control animates to match.
- Select: The selection moves between options instead of blinking.
- Push: The next screen slides in from the trailing edge; back slides it away.
- Sheet: The sheet rises over the screen, rests at its detents and follows your drag to dismiss.
- Type: The field focuses, shows its keyboard type and reacts as you type.
- Spring: Motion overshoots slightly and settles, the way physical things do.
- Loading: The control shows progress in place, then resolves to success or an error.
- Haptic: A short tap of vibration confirms the moment something happens.
