resource: ui-components
460 resources, primary matches first, then adoption-weighted; health v2 shown.
| Resource | Health v2 | Stars | Maturity |
|---|---|---|---|
| yangshun/awesome-spinners A curated awesome-list of web loading spinners and loaders, covering CSS-only, SVG, JS+CSS, and Canvas implementations. It links to librari… | 32 | 1415 | maintenance |
| londonappbrewery/TinDog-Start TinDog is the starting files for a tutorial project from the London App Brewery web development bootcamp, building a Tinder-style landing p… | 32 | 1361 | maintenance |
| yoksel/flex-cheatsheet An interactive Flexbox cheatsheet listing CSS Flexbox properties with live demos, code snippets, and definitions from the W3C Flexbox speci… | 32 | 1358 | maintenance |
| adrianhajdin/3D_portfolio A tutorial-based 3D developer portfolio website built with React, Three.js (React Three Fiber), and Tailwind CSS. It features interactive 3… | 27 | 1344 | maintenance |
| adrianhajdin/projects_realestate A tutorial companion repository from JS Mastery demonstrating how to build and deploy a real estate web application using React, Next.js, a… | 32 | 1322 | maintenance |
| Keyamoon/IcoMoon-Free IcoMoon-Free is a package of ~450 free flat vector icons designed on a 16px grid, distributed as SVG, EPS, PDF, PNG, and an installable lig… | 32 | 1310 | maintenance |
| wangduanduan/jsplumb-chinese-tutorial A Chinese-language tutorial for jsPlumb, a JavaScript library for drawing draggable connections between DOM elements to build flowcharts an… | 44 | 1309 | maintenance |
| afonsopacifer/awesome-flexbox A curated awesome-list of resources for the CSS Flexible Box Layout Module (Flexbox), including the W3C specification, guides, books, artic… | 32 | 1263 | maintenance |
| GeekyAnts/flutter-login-home-animation A Flutter example app demonstrating animated login-to-home screen transitions, rebuilt from a Dribbble UI design. It serves as a reference … | 62 | 1261 | maintenance |
| streamich/awesome-styleguides A curated awesome-list of UI styleguides and design systems from companies like Google, Apple, GitHub, and Shopify. It serves as a referenc… | 61 | 1260 | maintenance |
| adrianhajdin/figma_clone A tutorial companion repository from JavaScript Mastery that builds a minimalistic Figma clone with real-time collaboration using Next.js, … | 26 | 1259 | maintenance |
| devunwired/recyclerview-playground A collection of Android sample code demonstrating RecyclerView usage, including custom ItemDecorations and custom LayoutManager implementat… | 32 | 1241 | maintenance |
| mohak1712/UberUX An open-source Android demo project that recreates the animation stack of the Uber app, including shared element transitions, ViewPager tra… | 32 | 1226 | maintenance |
| bradfrost/style-guide-guide Style Guide Guide is a Jekyll-based boilerplate for creating a custom style guide for your organization's design system. It provides starte… | 32 | 1225 | maintenance |
| jsuarezruiz/awesome-xamarin-forms A curated awesome-list of Xamarin.Forms libraries, plugins, controls, effects, and resources with over 300 entries. It serves as a discover… | 32 | 1225 | maintenance |
| lukakerr/NSWindowStyles A showcase repository demonstrating the many window styles achievable with NSWindow on macOS using Swift and AppKit, with no private APIs. … | 32 | 1209 | maintenance |
| jeantimex/ios-swift-collapsible-table-section A demo iOS Swift project showing how to implement collapsible table view sections entirely in code, with no storyboards or XIBs. It include… | 23 | 1204 | maintenance |
| CoderMikeHe/WeChat An iOS demo application that recreates the WeChat (7.0.0+) app architecture using MVVM, ReactiveCocoa (RAC), and ViewModel-Based Navigation… | 32 | 1202 | maintenance |
| MarcusNg/flutter_facebook_responsive_ui Companion code for a Flutter YouTube tutorial that builds a responsive Facebook UI clone, adapting layouts for mobile and web. It serves as… | 32 | 1199 | maintenance |
| emmabostian/design-inspiration A curated list of websites, assets, and resources for design inspiration, covering animations, aesthetics, typography, and UI design collec… | 32 | 1193 | maintenance |
| wxxsw/SwiftUI-WeChat An open-source SwiftUI 2 implementation of the WeChat app interface for iOS, built as a learning reference. It demonstrates chat, contacts,… | 32 | 1191 | maintenance |
| xinghongfei/awesome-view A curated awesome-list of tutorials and articles for learning Android custom View development, covering the drawing pipeline (onMeasure/onL… | 32 | 1191 | maintenance |
| dcurtis/markdown-mark The Markdown Mark is a logo/brand asset designed to identify Markdown support in user interfaces. It includes vector and raster files (PSD,… | 32 | 1189 | maintenance |
| ajay-prabhakar/awesome-flutter-ui A curated collection of 10+ Flutter UI/UX design examples including login pages, food ordering, movie streaming, book, and profile screens.… | 32 | 1179 | maintenance |
| adrianhajdin/project_fitness_app A React-based fitness application built as a tutorial project by JS Mastery, demonstrating exercise search, filtering, and detail pages usi… | 32 | 1177 | maintenance |
| ant-design/ant-ux Ant UX is a sitemap and flow-diagram template library for UX design, distributed as stencils for tools like OmniGraffle, Sketch, Axure, Aff… | 23 | 1154 | maintenance |
| zhengtianzuo/QtQuickExamples A collection of Qt Quick (QML) example projects demonstrating custom UI components and techniques such as busy indicators, drag-and-drop, p… | 32 | 1153 | maintenance |
| adrianhajdin/zoom-clone A tutorial companion repository from JavaScript Mastery that walks through building a Zoom-like video conferencing app with Next.js 14, Typ… | 25 | 1153 | maintenance |
| ant-design/antd-mobile-samples A collection of sample projects demonstrating how to use the antd-mobile UI component library in web, React Native, and SSR setups. It prov… | 75 | 1141 | maintenance |
| ElementUI/awesome-element A curated awesome-list of projects, themes, tools, editor plugins, boilerplates, and articles related to the Element UI component library f… | 32 | 1136 | maintenance |
| jiang111/Awesome-RecyclerView-LayoutManager A curated awesome-list of custom RecyclerView LayoutManager libraries for Android, covering layouts like fan, carousel, chips, hive, flexbo… | 32 | 1129 | maintenance |
| microsoft/WindowsCompositionSamples A collection of Microsoft's Windows Input and Composition samples demonstrating Fluent Design UI using Microsoft.UI.Composition and Microso… | 10 | 1127 | maintenance |
| BigShow1949/BigShow1949 A curated collection of iOS demo projects and knowledge summaries written in Objective-C, covering topics like Core Animation, runtime, UIK… | 32 | 1124 | maintenance |
| muziing/PyQt_practice A collection of runnable, commented Python code examples teaching PyQt5's common basic widgets, organized by widget with accompanying Chine… | 32 | 1090 | maintenance |
| pedromassango/my_flutter_challenges A collection of self-contained Flutter UI challenge demos, each in a single Dart file covering screens like banking apps, login flows, and … | 32 | 1082 | maintenance |
| alexjlockwood/adp-delightful-details A sample Android app accompanying a blog post on icon animation techniques, containing over 25 AnimatedVectorDrawable examples. It demonstr… | 32 | 1081 | maintenance |
| shu223/watchOS-2-Sampler A sampler of Swift code examples demonstrating the new APIs and features introduced in watchOS 2, covering areas like WatchKit animations, … | 32 | 1075 | maintenance |
| ibhavikmakwana/FlutterPlayground A Flutter playground application containing runnable examples of various Flutter widgets and features such as app bars, navigation drawers,… | 32 | 1061 | maintenance |
| toidicode/template A collection of 100 free HTML5/CSS3 website templates with live demos and downloadable zips, aimed at developers and beginners. It is a cur… | 32 | 1058 | maintenance |
| Trinea/android-demo A demo Android application showcasing Trinea's Android common libraries, including image caching, HTTP caching, pull-to-refresh ListView, a… | 66 | 1052 | maintenance |
| zenghongtu/react-use-chinese A Chinese-language documentation site for the react-use library of essential React Hooks, translated from the upstream streamich/react-use … | 32 | 1043 | maintenance |
| chokcoco/css3- A collection of pure CSS3 demos showcasing 3D transforms, animations, and visual effects such as a rotating solar system, 3D photo walls, a… | 32 | 1035 | maintenance |
| FrankFang/wheels A collection of small UI widgets and utility libraries (tabs, pager, fullpage, calendar, image picker, DOM/BOM/date helpers) written in pla… | 32 | 1026 | maintenance |
| femmebot/google-type A collaborative typography showcase that pairs passages from Aesop's Fables with typefaces from the Google Fonts library, demonstrating fon… | 70 | 1022 | maintenance |
| desandro/3dtransforms A tutorial website and example collection introducing CSS 3D transforms, built with Jekyll and written by David DeSandro. It explains how t… | 32 | 1013 | maintenance |
| insidesherpa/shiptivitas-1 A starter codebase for Module 1 of InsideSherpa's virtual internship 'Learn how to work at a Y Combinator startup'. Students implement a fr… | 32 | 1012 | maintenance |
| stripe/elements-examples A collection of example HTML/CSS/JavaScript payment forms built with Stripe Elements, demonstrating card elements, floating labels, error h… | 32 | 1010 | maintenance |
| iamjoel/front-end-plugins A curated Chinese-language collection of commonly used web front-end plugins and libraries, organized by category (utilities, forms, images… | 32 | 1003 | maintenance |
| WICG/html-in-canvas A WICG proposal and living explainer for rendering HTML content into 2D and 3D <canvas> elements, introducing primitives like the layoutsub… | 67 | 3951 | experimental |
| razerdp/FriendCircle An open-source Android project that recreates the WeChat Moments (Friend Circle) UI and features, written in Java. It is primarily a live-c… | 32 | 1150 | experimental |
| alibaba/flutter-go A Flutter developer helper app from Alibaba demonstrating 140+ common Flutter widgets with live demos and Chinese documentation. It is a mo… | 23 | 23651 | abandoned |
| android/sunflower A gardening-themed Android sample app from Google that demonstrates Android development best practices and documents the migration from a V… | 10 | 17765 | abandoned |
| lgvalle/Material-Animations An educational Android sample project demonstrating the Android Transition Framework with runnable examples of Explode, Slide, and Fade tra… | 32 | 13542 | abandoned |
| opendigg/awesome-github-wechat-weapp A curated awesome-list of open-source projects for WeChat Mini Programs (weapp), covering UI components, development frameworks, utility li… | 32 | 9465 | abandoned |
| chrisbanes/cheesesquare A sample Android application demonstrating the Android Design Support library's key features, including Collapsing Toolbar, FloatingActionB… | 23 | 7636 | abandoned |
| fangwei716/30-days-of-react-native A collection of 30 daily React Native example apps and demos demonstrating animations, gestures, maps, and UI layouts, inspired by 30 Days … | 32 | 6877 | abandoned |
| lightSky/Awesome-MaterialDesign A curated list of Material Design resources, documentation, Google samples, and Android UI libraries. It aggregates links to design docs, s… | 32 | 5863 | abandoned |
| opendigg/awesome-github-android-ui A curated awesome-list of open-source Android UI libraries and components, organized by category (drawers, lists, dialogs, charts, etc.) wi… | 32 | 5765 | abandoned |
| mozilla/Fira Mozilla's Fira type family (Fira Sans and Fira Mono), originally designed for Firefox OS, distributed as font files with a CSS stylesheet f… | 10 | 5141 | abandoned |
| android/user-interface-samples A collection of Android sample projects from Google demonstrating best practices for building Android user interfaces, written in Kotlin. T… | 10 | 4614 | abandoned |
| boctor/idev-recipes Companion source code for the iDevRecipes blog, which recreates interesting UI features and interactions from popular iPhone and iPad apps … | 32 | 2893 | abandoned |
| weui/weui-design WeUI-Design is the official design resource package from WeChat's design team, providing Sketch and PSD source files matching WeChat's nati… | 32 | 2851 | abandoned |
| saulmm/Android-Material-Examples A collection of small Android example projects demonstrating Material Design patterns like shared element transitions, circular reveal anim… | 32 | 2797 | abandoned |
| JulienGenoud/android-percent-support-lib-sample A sample Android project demonstrating the deprecated Android Percent Support Library, showing percentage-based layouts like PercentRelativ… | 10 | 2748 | abandoned |
| gimenete/iOS-boilerplate A base template for iOS projects written in Objective-C that provides pre-solved solutions for common app development tasks like async imag… | 32 | 2746 | abandoned |
| android/animation-samples A collection of Android Studio sample projects demonstrating best practices for animations on Android, written in Java. The repository has … | 10 | 2606 | abandoned |
| aslanyanhaik/youtube-iOS An open-source iOS app template replicating the YouTube app UI, written in Swift to demonstrate how ViewControllers can be managed. It serv… | 23 | 2538 | abandoned |
| googlearchive/android-ConstraintLayoutExamples A collection of Android sample projects demonstrating ConstraintLayout and MotionLayout features, originally from Google's Android team. Th… | 10 | 2525 | abandoned |
| githubwing/ZoomHeader An Android demo project in Java that mimics the Ele.me app's detail page, where a ViewPager smoothly expands into a full detail view that f… | 32 | 2469 | abandoned |
| MarnoDev/react-native-open-project A curated Chinese-language catalog of high-quality open-source React Native projects, organized into categories like full apps, navigation,… | 10 | 2451 | abandoned |
| aholachek/mobile-first-animation A collection of demo source code and interactive slides from a React Conf 2019 talk on gesture-driven animation for the mobile web. It show… | 32 | 2067 | abandoned |
| rafaelconde/ios8-ui-kit An extended and updated iOS 8 UI Kit for Sketch, based on the Teehan+Lax kit, containing editable vector elements like springboards, notifi… | 32 | 2014 | abandoned |
| bestswifter/MySampleCode A collection of iOS demo projects in Objective-C and Swift accompanying the author's blog posts on topics like rounded corners, custom tran… | 32 | 1977 | abandoned |
| borismus/webvr-boilerplate A THREE.js-based boilerplate providing a starting point for building cross-platform web-based VR experiences that work on all VR headsets. … | 23 | 1801 | abandoned |
| android/databinding-samples A collection of official Android sample apps demonstrating the Android Data Binding Library, including basic layout expressions, binding ad… | 10 | 1682 | abandoned |
| Animatious/awesome-animation A curated awesome-list of open-source UI motion/animation libraries created by members of the Animatious Group, linking implementations acr… | 32 | 1676 | abandoned |
| johnlui/SwiftSideslipLikeQQ A Swift sample code repository accompanying a tutorial series that recreates the mobile QQ side-slip (drawer) menu effect on iOS, including… | 23 | 1662 | abandoned |
| jadjoubran/laravel5-angular-material-starter A starter boilerplate combining Laravel 5.3 with AngularJS 1.5 and Angular Material, preconfigured with JWT auth (Satellizer), Restangular,… | 23 | 1647 | abandoned |
| start-react/native-starter-kit A React Native starter kit (boilerplate) combining NativeBase UI components, Redux for state management, React Navigation, and Microsoft Co… | 23 | 1579 | abandoned |
| leo-elstin/Flutter-UI-Kits A collection of Flutter UI kit examples including an animated bottom navigation bar, wallpaper app UI, and grocery app UI, coded in Dart. I… | 32 | 1534 | abandoned |
| tomialagbe/flutter_ui_challenges A collection of Flutter UI challenges that reimplement Dribbble designs at beginner, intermediate, and advanced levels. It serves as practi… | 32 | 1514 | abandoned |
| simplebits/Pears Pears is an open-source WordPress theme for collecting and showcasing common HTML & CSS pattern pairs, where each pattern is a post with ma… | 32 | 1379 | abandoned |
| liaohuqiu/android-UCToast A demo Android project replicating UC Browser's technique for displaying a system overlay (floating view) without requiring overlay permiss… | 32 | 1367 | abandoned |
| alura-challenges/aluraquiz-base AluraQuiz Base is the starter project for Alura's Imersão React with Next.js, a guided course where learners build and deploy a quiz web ap… | 23 | 1337 | abandoned |
| saulmm/CoordinatorExamples A collection of Android sample projects demonstrating CoordinatorLayout usages such as anchoring views, flexible spaces, and swipe-to-dismi… | 32 | 1314 | abandoned |
| teracyhq/wireframe A free wireframe UI kit for Sketch 3.1+ containing reusable UI elements, 140+ icons, and annotations, all built as Sketch Symbols. It is a … | 32 | 1265 | abandoned |
| MaterializeYourApp A deprecated Android sample app demonstrating how to use the AppCompat 21 library to apply the Material Theme on pre-Lollipop (pre-21) devi… | 10 | 1254 | abandoned |
| toddway/MaterialTransitions A sample Android project demonstrating Material Design-style shared element transition animations for list items and floating action button… | 32 | 1222 | abandoned |
| YYFlutter/flutter-ui A Flutter demo application and companion tutorial series (flutter-article) that showcases Flutter widgets across categories like basic widg… | 23 | 1210 | abandoned |
| smartyuge/TVSample An Android TV sample project in Java demonstrating a Metro-style UI imitating the Taijie video TV app and a playlist grid page imitating Te… | 32 | 1208 | abandoned |
| johnlui/AutoLayout A companion code repository for the Chinese 'Auto Layout 使用心得' (Auto Layout Tips) blog article series and a 2015 offline talk, containing s… | 32 | 1207 | abandoned |
| andreasschrade/android-design-template An Android Material Design starter template project written in Java, providing a pre-built view layer with collapsing toolbars, navigation … | 32 | 1160 | abandoned |
| googlearchive/androidtv-Leanback An archived Google sample repository demonstrating the Android TV Leanback Support Library through a video-browsing app. It has been migrat… | 10 | 1152 | abandoned |
| kostiakoval/WatchKit-Apps A collection of tutorial sample apps demonstrating Apple WatchKit development in Swift, covering UI layouts, tables, pages navigation, data… | 23 | 1136 | abandoned |
| codrops/DistortedButtonEffects A Codrops demo collection of experimental button distortion effects built with SVG filters, CSS, and TweenMax by Adrien Denat. It serves as… | 32 | 1121 | abandoned |
| D-clock/AndroidSystemUiTraining A training repository with sample code and Chinese-language notes covering Android System UI features such as translucent system bars, Tool… | 32 | 1113 | abandoned |
| nhn/fe.javascript A deprecated repository from NHN's FE Development Lab containing frontend development guides, common modules, and UI components produced fo… | 32 | 1110 | abandoned |
| googlearchive/android-ui-toolkit-demos An archived Google demo repository showcasing Android UI toolkit components such as RecyclerView, ConstraintLayout, DataBinding, ViewPager2… | 10 | 1101 | abandoned |
| AppleDesignResources/SanFranciscoFont A mirror of Apple's San Francisco typeface, the system font used in watchOS, iOS 9, and OS X El Capitan. It provides the font files for des… | 32 | 1087 | abandoned |
| mpvue/awesome-mpvue A curated awesome-list of tools, frameworks, UI components, templates, and example projects for mpvue, a Vue.js-based framework for buildin… | 32 | 1053 | abandoned |