Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/suguru/awesome-mobile-ui

UI/UX resources
https://github.com/suguru/awesome-mobile-ui

List: awesome-mobile-ui

Last synced: 3 months ago
JSON representation

UI/UX resources

Awesome Lists containing this project

README

        

Awesome Mobile UI/UX
===============

A collection of awesome UI/UX resources which includes concepts, implementations and theories.

* [Dribbble.com Resources](#dribbble-resources)
* [Menu](#menu)
* [Icons](#icons)
* [Animations](#animations)
* [Interactions](#interactions)
* [Design](#design)
* [Github Resources](#github-resources)
* [iOS](#ios)
* [Navigations](#navigations)
* [Labels](#labels)
* [Buttons](#buttons)
* [Images](#images)
* [Menu](#menu)
* [Modals](#modals)
* [Collection Views](#collection-views)
* [Table Views](#table-views)
* [Scroll Views](#scroll-views)
* [Forms](#forms)
* [Keyboard](#keyboard)
* [Layout](#layout)
* [Tooltips](#tooltips)
* [Animations](#animations)
* [Misc](#misc)
* [Android](#android)
* [Buttons](#buttons)
* [Labels](#labels)
* [Menu](#menu)
* [Modals](#modals)
* [Graphics](#graphics)
* [Animations](#animations)
* [Misc](#misc)
* [Links](#links)
* [Mobile UI Patterns](#mobile-ui-patterns)
* [Production](#production)
* [Sketch](#sketch)
* [Ideas](#ideas)
* [Tools](#tools)

Dribbble.com Resources
----------

#### Menu

- [Menu](https://dribbble.com/shots/1663258-Menu)
- [Secret App](https://dribbble.com/shots/1657838-Secret-App)
- [App Navigation Perspective Transform](https://dribbble.com/shots/1671111-App-Navigation-Perspective-Transform)

#### Icons

- [No You Shut Up](https://dribbble.com/shots/1664807-No-you-shut-up)
- [Shut Up](https://dribbble.com/shots/1660442-Shut-Up)
- [Dancing Icon](https://dribbble.com/shots/1657075-Dancing-Icon)
- [On & Off](https://dribbble.com/shots/1631598-On-Off)
- [Open & Close](https://dribbble.com/shots/1623679-Open-Close)
- [Icons Animation](https://dribbble.com/shots/1563880-Icons-Animation)
- [Hamburger Icon in Framer](https://dribbble.com/shots/1654493-Hamburger-Icon-in-Framer)
- [Play / Pause](https://dribbble.com/shots/1651932-Play-Pause)

#### Animations

- [Profile Animation](https://dribbble.com/shots/1671043-Profile-Animation)
- [Weed Selector](https://dribbble.com/shots/1661950-Weed-Selector)
- [Rotary Motion](https://dribbble.com/shots/1657884-Rotary-Motion)
- [Alarm Material UI](https://dribbble.com/shots/1640866-Alarm-Material-UI)
- [Framer Experiment DragMove](https://dribbble.com/shots/1613237-Framer-Experiment-DragMove)
- [Wonder PL](https://dribbble.com/shots/1596742-Wonder-PL)
- [Zip It](https://dribbble.com/shots/1666653-Zip-It)
- [After Effects Player freebie](https://dribbble.com/shots/1669631-After-Effects-Player-freebie)
- [Delayed / On Time](https://dribbble.com/shots/1656104-Delayed-On-Time)
- [Album Animation with Framer Studio](https://dribbble.com/shots/1638550-Album-Animation-with-Framer-Studio)

#### Interactions

- [Shop 360 interaction app](https://dribbble.com/shots/1669228-Shop-360-interaction-app)
- [Swaggle App Transitions](https://dribbble.com/shots/1661585-Swagger-App-Transitions)
- [Swagger App - Feed Transitions](https://dribbble.com/shots/1623420-Swagger-App-Feed-Transitions)
- [Profile Interaction](https://dribbble.com/shots/1659780-Profile-Interaction)
- [New Dev Team](https://dribbble.com/shots/1650489-New-Dev-Team)
- [Sticker Shop Design](https://dribbble.com/shots/1671092-Sticker-Shop-Design)
- [Dynamic Scrolling Shadow](https://dribbble.com/shots/1670222-Dynamic-Scrolling-Shadow)
- [Store Details](https://dribbble.com/shots/1670161-Store-Details-GIF)
- [Signal Interaction](https://dribbble.com/shots/1669801-Signal-Interaction)

#### Design

- [Music Player](https://dribbble.com/shots/1534162-Music-Player)
- [Conversations Chat UI](https://dribbble.com/shots/1537932-Conversations-Chat-UI)
- [Slide Concept](https://dribbble.com/shots/899177-Slide-Concept)

Github Resources
----------

### iOS

#### Navigations

- [telly/TLYShyNavBar](https://github.com/telly/TLYShyNavBar)

#### Labels

- [TomKnig/TOMSMorphingLabel](https://github.com/TomKnig/TOMSMorphingLabel)
- [android1989/YetiCharacterLabelExample](https://github.com/android1989/YetiCharacterLabelExample)
- [taruntyagi697/ClearTextLabel](https://github.com/taruntyagi697/ClearTextLabel)

#### Buttons

- [robb/hamburger-button](https://github.com/robb/hamburger-button)
- [a1anyip/AYVibrantButton](https://github.com/a1anyip/AYVibrantButton)

#### Images

- [kevinrenskers/SDWebImage-ProgressView](https://github.com/kevinrenskers/SDWebImage-ProgressView)

#### Menu

- [balram3429/btSimpleSideMenu](https://github.com/balram3429/btSimpleSideMenu)
- [ECSlidingViewController/ECSlidingViewController](https://github.com/ECSlidingViewController/ECSlidingViewController)
- [romaonthego/RESideMenu](https://github.com/romaonthego/RESideMenu)

#### Modals

- [ChrisXu1221/CXCardView](https://github.com/ChrisXu1221/CXCardView)
- [zoonooz/ZFDragableModalTransition](https://github.com/zoonooz/ZFDragableModalTransition)
- [vikmeup/SCLAlertView-Swift](https://github.com/vikmeup/SCLAlertView-Swift)
- [jmascia/KLCPopup](https://github.com/jmascia/KLCPopup)

#### Collection Views

- [chiahsien/CHTCollectionViewWaterfallLayout](https://github.com/chiahsien/CHTCollectionViewWaterfallLayout)
- [ra1028/RACollectionViewReorderableTripletLayout](https://github.com/ra1028/RACollectionViewReorderableTripletLayout)
- [ole/CollectionViewParallaxScrolling](https://github.com/ole/CollectionViewParallaxScrolling)

#### Table Views

- [bfeher/BFPaperTableViewCell](https://github.com/bfeher/BFPaperTableViewCell)

#### Scroll Views

- [ole/OLEContainerScrollView](https://github.com/ole/OLEContainerScrollView)

#### Forms

- [venmo/VENTokenField](https://github.com/venmo/VENTokenField)
- [nicklockwood/FXForms](https://github.com/nicklockwood/FXForms)
- [TomKnig/TOMSSuggestionBar](https://github.com/TomKnig/TOMSSuggestionBar)
- [bfeher/BFPaperCheckbox](https://github.com/bfeher/BFPaperCheckbox)
- [nopshusang/SACalendar](https://github.com/nopshusang/SACalendar)
- [alexruperez/ARAutocompleteTextView](https://github.com/alexruperez/ARAutocompleteTextView)

#### Keyboard

- [illyabusigin/CYRKeyboardButton](https://github.com/illyabusigin/CYRKeyboardButton)

#### Layout

- [smileyborg/PureLayout](https://github.com/smileyborg/PureLayout)
- [jamztang/CSStickyHeaderFlowLayout](https://github.com/jamztang/CSStickyHeaderFlowLayout)

#### Tooltips

- [andreamazz/AMPopTip](https://github.com/andreamazz/AMPopTip)

#### Animations

- [WilliamZang/FastAnimationWithPOP](https://github.com/WilliamZang/FastAnimationWithPOP)
- [itsmeichigo/ICGTransitionAnimation](https://github.com/itsmeichigo/ICGTransitionAnimation)
- [fastred/MotionBlur](https://github.com/fastred/MotionBlur)

#### Misc

- [VAlexander/Chameleon](https://github.com/VAlexander/Chameleon)
- [dzenbot/DZNEmptyDataSet](https://github.com/dzenbot/DZNEmptyDataSet)
- [matteogobbi/MGSpotyViewController](https://github.com/matteogobbi/MGSpotyViewController)
- [jessesquires/JSQMessagesViewController](https://github.com/jessesquires/JSQMessagesViewController)
- [BradLarson/GPUImage](https://github.com/BradLarson/GPUImage)

### Android

#### Buttons

- [dmytrodanylyk/circular-progress-button](https://github.com/dmytrodanylyk/circular-progress-button)
- [mikepenz/Android-ActionItemBadge](https://github.com/mikepenz/Android-ActionItemBadge)
- [makovkastar/FloatingActionButton](https://github.com/makovkastar/FloatingActionButton)
- [balysv/material-menu](https://github.com/balysv/material-menu)

#### Labels

- [sd6352051/RiseNumber](https://github.com/sd6352051/RiseNumber)

#### Menu

- [oguzbilgener/CircularFloatingActionMenu](https://github.com/oguzbilgener/CircularFloatingActionMenu)
- [tuenti/ButtonMenu](https://github.com/tuenti/ButtonMenu)

#### Modals

- [sd6352051/NiftyDialogEffects](https://github.com/sd6352051/NiftyDialogEffects)
- [pedrovgs/DraggablePanel](https://github.com/pedrovgs/DraggablePanel)

#### Graphics

- [FilipPudak/ProgressPieView](https://github.com/FilipPudak/ProgressPieView)
- [pavlospt/CircleView](https://github.com/pavlospt/CircleView)

#### Animations

- [daimajia/AndroidViewAnimations](https://github.com/daimajia/AndroidViewAnimations)
- [telly/FloatingAction](https://github.com/telly/FloatingAction)
- [daimajia/AnimationEasingFunctions](https://github.com/daimajia/AnimationEasingFunctions)

#### Misc

Links
----------

#### Mobile UI Patterns

- [CAPPTIVATE.CO](http://capptivate.co/)
- [Mobile Patterns](http://www.mobile-patterns.com/)
- [Pttrns](http://www.pttrns.com/)

#### Production

- [Bolt UI Kit](http://ui8.net/product/bolt-ui-kit)

#### Sketch

- [Sketch APP SOURCES](http://www.sketchappsources.com/)

#### Ideas

- [http://the12principles.tumblr.com/](http://the12principles.tumblr.com/)
- [http://thedesigninspiration.com/articles/20-incredible-mobile-ui-animations-in-gifs/](http://thedesigninspiration.com/articles/20-incredible-mobile-ui-animations-in-gifs/)
- [http://www.nngroup.com/articles/icon-usability/](http://www.nngroup.com/articles/icon-usability/)

#### Tools

- [Sketch 3](http://www.bohemiancoding.com/sketch/)
- [Illustrator Layer Exporter](http://dehats.com/illustrator-layer-exporter/)