[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-82404":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":17,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":15,"starSnapshotCount":15,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},82404,"SwiftUI-experiments","mikelikesdesign\u002FSwiftUI-experiments","mikelikesdesign","Examples with SwiftUI and other Apple frameworks that showcase various interactions, animations and more","",null,"Swift",2028,112,29,0,1,3,8,28.16,"MIT License",false,"main",[24,25,26,27,28],"ios","swiftui","swiftui-animations","swiftui-demo","swiftui-example","2026-06-12 02:04:25","Hi, welcome to SwiftUI experiments.\n\nI'm a designer that is interested in building out my ideas with code. In this repository you will find some of my ideas I explored. These are mostly prototypes and not production ready apps.\n\n![SwiftUI experiments](https:\u002F\u002Fgithub.com\u002Fmikelikesdesign\u002FSwiftUI-experiments\u002Fblob\u002Fmain\u002Fdemos.gif?raw=true)\n\n## bob\nA prototype that shows an interaction on how AI can summarize text\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1790373946870895067)\n![bob demo](https:\u002F\u002Fgithub.com\u002Fmikelikesdesign\u002FSwiftUI-experiments\u002Fblob\u002Fmain\u002Fbob\u002Fbob.gif?raw=true)\n\n## calculator metric\nA prototype that converts numbers to the metric system\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1973109444151300583)\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F5762ef74-0ac2-4859-b211-35ab5ad3d0e6\n\n## drag to delete\nA prototype that shows a drag to delete interaction\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1794609990566826369)\n\n## drag transform\nA prototype that shows an interaction on how to re-arrange your iOS navigation\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1737868104884273329)\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F1cface78-612c-4ca8-996c-f9d70b8202ba\n\n## fried chicken\nTap to show various fried chicken particles\n\n## globe\nAn animated globe with an interesting pattern\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1735257785926050202)\n![Globe demo](https:\u002F\u002Fgithub.com\u002Fmikelikesdesign\u002FSwiftUI-experiments\u002Fblob\u002Fmain\u002Fglobe\u002Fglobe.gif?raw=true)\n\n## keys\nAn exploration looking at various drag gestures and animations\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1804383891471401380)\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F5b899097-d19f-499a-b36f-2c4f5422c78b\n\n## map explore\nDrag around the map to get a restaurant recommendation\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1813480924589486255)\n![Map explore demo](https:\u002F\u002Fgithub.com\u002Fmikelikesdesign\u002FSwiftUI-experiments\u002Fblob\u002Fmain\u002Fmap%20explore\u002Fmap%20demo.gif?raw=true)\n\n## particle slider\nA slider to view animated particles in different states\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1831141602242531824)\n![Particle slider demo](https:\u002F\u002Fgithub.com\u002Fmikelikesdesign\u002FSwiftUI-experiments\u002Fblob\u002Fmain\u002Fparticle%20slider\u002Fparticle%20slider.gif?raw=true)\n\n## photo slingshot\nA prototype to slingshot photos that explores more drag gestures\n\n## photo bubbles\nTap to see a random image animate into view\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1832345443390648659)\n![Photo bubbles demo](https:\u002F\u002Fgithub.com\u002Fmikelikesdesign\u002FSwiftUI-experiments\u002Fblob\u002Fmain\u002Fphoto%20bubbles\u002Fphoto%20bubbles.gif?raw=true)\n\n## pull to search\nPull to search interaction inspired by the Things app\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1798157087203311927)\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F498df2ab-8bb6-4f64-bc08-8c1e3c785183\n\n## reading tracker\nGet inspiring messages as the reader continues reading\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1788135346750017682)\n\n## retro computer color picker\nA fun color picker\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1734069130213630021)\n\n## walk charts\nAnimated walking charts based on walking data\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1829848663675547771)\n![Walk charts demo](https:\u002F\u002Fgithub.com\u002Fmikelikesdesign\u002FSwiftUI-experiments\u002Fblob\u002Fmain\u002Fwalk%20charts\u002Fwalk%20charts%20demo.gif?raw=true)\n\n## shapes\nDrag around to see random shapes generated that vary in shape type, color and size\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1834208983193976976)\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fa2caf7ae-0efc-452e-be17-e6a0cda16dd6\n\n## paper navigation\nDrag around to jump to different pages quickly\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1834568721177731268)\n\n## signature authentication\nSign your signature to authenticate\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1844911279141683316)\n\n## dots interaction\nBouncy dots with haptic feedback\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1850386083202396554)\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fdf85ed2b-c9be-40f8-912c-f3e92446b779\n\n## word slider interaction\nA slider interaction to adjust the tone of the content\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1855043920109223998)\n\n## solid circles\nDrag around to see circles generated in a tunnel format\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1855207110898065620)\n\n## blob animation\nAn animated blob you can interact with\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1856705459983646950)\n\n## map trackpad\nA trackpad interaction to get a restaurant recommendation based on cuisine type\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1857586105652228117)\n\n## particle text\nA text built with particles that you can interact with and an animated gradient button\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1862504016011567537)\n\n## colorful glow\nDrag around to see a colorful glow that changes in shape and color\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1872839436096160149)\n\n## text animation\nPinch in and out to see different text details\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1885506922302013919)\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F3a5da6fd-4bac-44c6-9d8e-23e960c04af7\n\n## pixel animation\nTap to generate pixel inspired animations, this example was made using mostly UIKit\n\n## radial menu\nTap and drag to adjust between different radial menu options\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1885702003428581696)\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F7a8c71e1-feb7-4982-850a-af4e840c6987\n\n## pixel animation menu\nA pixel animation where you can adjust the animation settings in a menu\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1900764231605358723)\n\n## draggable slider\nA slider you can adjust and drag around on the screen\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1920110828931690700)\n\n## tilt grid\nA grid of colorful cards that scrolls and scales when you tilt your device\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1914281464574935109)\n\n## pixel shapes\nA 3D pixelated globe that auto rotates and you can interact with\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1920797263493824656)\n\n## bouncy grid\nA grid of animated lines dynamically bends and bounces in response to gestures\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1923911302604521874)\n\n## waves\nAn animated wave you can interact with\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1926428571586712012)\n\n## wave pattern\nInteractive hexagon wave grid\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1950064942834487438)\n\n## eye drawing\nA way to draw with your eyes\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1961293308006981651)\n\n## text scroll interaction\nA 3D scrolling text effect\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1988786039331356692)\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F7081ae2a-97d8-4327-bfa8-48e064767987\n\n\n## AI globe\nExploration into an AI globe visualization\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1984780016761344155)\n\n## text alignment\nInspired by Instagram's text alignment feature\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1996222220847501464)\n![Text alignment demo](https:\u002F\u002Fgithub.com\u002Fmikelikesdesign\u002FSwiftUI-experiments\u002Fblob\u002Fmain\u002Ftext%20alignment\u002Ftext%20alignment.gif)\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F8e313a6a-9f00-42e7-bad7-72f308a71f1e\n\n## dot pattern\nTap to create a dot pattern\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F2013309408470606202)\n\n## adaptive text\nAn adaptive experiment where the text size adjusts based on how close your face is to the phone\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F2021432016546435397)\n\n## reading light\nAn interactive reading experience where you can adjust the light source\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F2045658087487623290)\n\n## swipe interaction\nA 3D cube style swipe interaction inspired by Instagram's story feature\n[Demo](https:\u002F\u002Fx.com\u002Fmikelikesdesign\u002Fstatus\u002F1998347143484989790?s=20)\n","该项目是一个 SwiftUI 实验集合，展示了多种交互方式、动画效果及其他创意设计。核心功能包括文本摘要AI交互、拖拽删除、地图探索推荐等，并利用了Swift语言和Apple的其他框架技术，如拖拽手势、粒子动画等，来实现各种UI\u002FUX概念原型。适合iOS开发者或设计师用来学习和参考最新的界面设计趋势和技术实现方法，以及在实际项目中寻找灵感时使用。",2,"2026-06-11 04:08:31","high_star"]