resource: ui-components
460 resources, primary matches first, then adoption-weighted; health v2 shown.
| Resource | Health v2 | Stars | Maturity |
|---|---|---|---|
| adrianhajdin/project_modern_ui_ux_gpt3 A tutorial code repository accompanying a video course on building a modern GPT-3 landing page with React and CSS. It teaches React functio… | 32 | 3839 | maintenance |
| dotnet/blazor-samples A collection of official sample applications accompanying Microsoft's Blazor documentation, written in C#, Razor, and HTML. It includes exa… | 76 | 1113 | active |
| pawello2222/WidgetExamples A demo project showcasing various iOS home screen widget types built with SwiftUI and WidgetKit. It includes examples of basic, intent-base… | 23 | 1113 | active |
| nordicgiant2/awesome-landing-page A curated awesome-list of open-source landing page templates built with various front-end technologies like React, Vue, Bootstrap, and Tail… | 32 | 3816 | maintenance |
| FlutterOpen/flutter-ui-nice A Flutter showcase app containing more than 130 beautifully designed UI pages contributed by over 45 developers. It serves as a reference a… | 32 | 3799 | maintenance |
| yechaoa/MaterialDesign A collection of Android sample code demonstrating Material Design components in Kotlin, covering widgets like ConstraintLayout, MaterialBut… | 23 | 1099 | active |
| quilljs/awesome-quill A curated awesome-list of resources for Quill, the rich text editor, including official resources, component libraries for frameworks like … | 32 | 1096 | active |
| ShenSeanChen/launch-mvp-stripe-nextjs-supabase A production-ready Next.js boilerplate template integrating Stripe payments, Supabase authentication, and Resend email workflows. It is bui… | 62 | 1091 | active |
| Ramotion/swift-ui-animation-components-and-libraries A curated list of Swift UI libraries, iOS components, and animation libraries by Ramotion, including circular carousel, folding cell, and a… | 32 | 3712 | maintenance |
| nuxt-ui-templates/dashboard An official Nuxt dashboard template built with Nuxt UI, featuring a collapsible sidebar, multiple pages, keyboard shortcuts, light/dark mod… | 71 | 1076 | active |
| Arvindcs/SwiftUI-Animation A collection of SwiftUI animation examples and UI recreations, including side menus, tab bars, Tinder-style swipe cards, loading rings, and… | 37 | 1054 | active |
| web3templates/nextly-template Nextly is a free, open-source landing page and marketing website template built with Next.js and TailwindCSS. It provides pre-built section… | 23 | 1048 | stable |
| fullstackhero/blazor-starter-kit A Clean Architecture solution template for Blazor WebAssembly applications built with MudBlazor components. It provides a pre-structured .N… | 23 | 3573 | maintenance |
| InterNations/antwort Antwort provides responsive HTML email templates that adapt from multi-column desktop layouts to single-column mobile layouts. It includes … | 32 | 3563 | maintenance |
| amandeepmittal/react-native-examples A collection of React Native and Expo example projects accompanying the author's blog tutorials, covering topics like navigation, animation… | 43 | 1025 | active |
| adrianhajdin/threejs-portfolio A tutorial companion repository from JavaScript Mastery showing how to build a 3D developer portfolio website with React, Three.js, React T… | 22 | 1024 | active |
| madhavanmalolan/awesome-reactnative-ui A curated awesome-list of React Native UI component libraries and UI kits, updated weekly via community PRs. It catalogs repositories like … | 32 | 3469 | maintenance |
| styled-components/awesome-styled-components A curated awesome-list of resources for styled-components, the CSS-in-JS library for React. It collects official links, community channels,… | 32 | 3464 | maintenance |
| radix-ui/website The source code for the Radix UI website and documentation site, built with Next.js. It hosts docs for Radix Themes, Primitives, Icons, and… | 74 | 1020 | active |
| MiladiCode/3D-startup-app A tutorial repository accompanying a YouTube video series on building modern, interactive 3D websites with HTML, CSS, and Spline. It covers… | 28 | 1004 | active |
| jobbole/awesome-design-cn A curated Chinese-language collection of 340+ design resources covering icons, logo design, Photoshop plugins, interaction design tools, fl… | 32 | 3304 | maintenance |
| xujiyou/zhihu-flutter A Flutter demo app that recreates the Zhihu (Chinese Q&A platform) UI, including dark and light themes. It is intended as a beginner learni… | 32 | 3301 | maintenance |
| brillout/awesome-angular-components A curated catalog of Angular 2+ UI components, libraries, and utilities organized by category. It serves as an awesome-list style reference… | 32 | 3190 | maintenance |
| lindelof/awesome-web-effect A curated awesome list of compact, cool visual effects for web pages, covering background decorations, mouse effects, and similar UI flouri… | 32 | 3155 | maintenance |
| ElementUI/element-starter A starter kit template for building Vue.js applications with the Element UI component library, generated by vue-cli. It provides a preconfi… | 32 | 3138 | maintenance |
| adrianhajdin/project_syncfusion_dashboard A companion code repository for a YouTube tutorial by JS Mastery that teaches building and deploying a React admin dashboard using Syncfusi… | 32 | 3130 | maintenance |
| misterGF/CoPilot CoPilot is a responsive admin dashboard template forked from AdminLTE, rebuilt on Vue.js 2 with Bootstrap 3 styling. It ships as a vue-cli/… | 32 | 2954 | maintenance |
| MilenaCarecho/30diasDeCSS A 30-day CSS challenge repository containing 30 small daily HTML5/CSS3 mini projects such as animated loaders, hover button effects, and te… | 32 | 2910 | maintenance |
| tomastrajan/angular-ngrx-material-starter An Angular starter project combining NgRx state management, Angular Material, and Angular CLI as a boilerplate for building web application… | 32 | 2872 | maintenance |
| usablica/front-end-frameworks A curated collection of CSS and front-end frameworks with a comparison page, aimed at helping developers pick a framework for faster web de… | 32 | 2782 | maintenance |
| spothq/cryptocurrency-icons A collection of over 7,500 free CC0-licensed icons covering nearly 500 cryptocurrencies and several fiat currencies, available in PNG and S… | 23 | 2748 | maintenance |
| LaoMengFlutter/flutter-do A Flutter resource collection containing usage examples for 350+ widgets, widget inheritance relationship diagrams, and 40+ loading compone… | 32 | 2741 | maintenance |
| shichunlei/flutter_app A Flutter sample application showcasing usage of a wide range of basic and custom widgets (Text, ListView, GridView, Dialog, TabBar, Sliver… | 32 | 2700 | maintenance |
| mariuszostrowski/subway Subway is a set of 306 pixel-perfect crafted icons delivered in multiple formats (PNG, SVG, PSD, SKETCH, PDF, AI, EPS) and optimized for Ap… | 32 | 2652 | maintenance |
| adrianhajdin/project_hoobank HooBank is a tutorial project by JS Mastery demonstrating how to build a modern banking landing page UI with React.js and Tailwind CSS. It … | 32 | 2617 | maintenance |
| nathangitter/fluid-interfaces A Swift demo app implementing natural gestures and animations from Apple's WWDC18 talk 'Designing Fluid Interfaces', with runnable examples… | 32 | 2593 | maintenance |
| safak/youtube2022 A tutorial codebase from Lama Dev's YouTube series (Season 2) demonstrating how to build a full-stack video-sharing app, likely a YouTube c… | 32 | 2573 | maintenance |
| react-ui-kit/dribbble2react A collection of React and React-Native projects that recreate popular Dribbble design shots as working code, with Expo Snacks for each app.… | 32 | 2556 | maintenance |
| nikgraf/awesome-draft-js A curated awesome list of resources for Draft.js, the React framework for building rich text editors. It collects editors, plugins, utiliti… | 32 | 2521 | maintenance |
| jsuarezruiz/xamarin-forms-goodlooking-UI A curated collection of Xamarin.Forms sample applications demonstrating how to build visually appealing mobile UIs with XAML. It links to f… | 32 | 2519 | maintenance |
| flatlogic/react-native-starter A free React Native starter template by Flatlogic that bootstraps mobile app development with ready-to-use components, themes, and screens.… | 31 | 2517 | maintenance |
| iPaulPro/Android-ItemTouchHelper-Demo A demo application showing how to use Android's ItemTouchHelper to add drag & drop reordering and swipe-to-dismiss to RecyclerView lists. T… | 23 | 2515 | maintenance |
| WillieWangWei/SwiftUI-Tutorials A Chinese translation of Apple's official SwiftUI Tutorials with complete working code examples for iOS, watchOS, and macOS. It provides th… | 32 | 2454 | maintenance |
| cjcenizal/flexbox-patterns A collection of CSS source files demonstrating flexbox layout patterns for building UI components, companion to flexboxpatterns.com. It ser… | 23 | 2452 | maintenance |
| kodecocodes/flta-materials Companion repository of projects and downloadable materials for the Flutter Apprentice book by Kodeco, organized by edition branches. It pr… | 23 | 2429 | maintenance |
| gianarb/awesome-angularjs A curated awesome-list of AngularJS (Angular 1.x) services, directives, filters, utilities, seed projects, and learning resources. It serve… | 10 | 2418 | maintenance |
| adrianhajdin/aora A tutorial companion repository for building a video-sharing mobile app with React Native, Expo, NativeWind, Animatable, and Appwrite. It a… | 25 | 2381 | maintenance |
| yangxi0126/javaScript A curated archive of frontend visual effects and interactive demos implemented in JavaScript. It serves as a reference collection of code s… | 32 | 2215 | maintenance |
| angular/material-start A starter repository and tutorial demonstrating how to build a Master-Detail web application with AngularJS Material. It provides ES5, ES6,… | 10 | 2181 | maintenance |
| lyt-Top/vue-next-admin A free, open-source admin dashboard template built with Vue 3, TypeScript, Vite, Element Plus, Pinia, and vue-router, responsive across mob… | 32 | 2167 | maintenance |
| wesbos/css-grid Starter files and solutions for Wes Bos's CSSGrid.io video course on CSS Grid layout. It contains HTML/CSS exercise files organized by less… | 32 | 2148 | maintenance |
| karlhadwen/netflix A Netflix clone built with React, Firebase, and Styled Components, accompanying a 10-hour YouTube tutorial. It demonstrates custom hooks, R… | 32 | 2120 | maintenance |
| abuanwar072/E-commerce-App-UI-Flutter A free Flutter UI template for a clean, modern e-commerce mobile app with category browsing and product detail screens. It serves as a desi… | 32 | 2112 | maintenance |
| adrianhajdin/project_professional_portfolio A companion code repository for a JS Mastery YouTube tutorial that walks through building and deploying a professional developer portfolio … | 32 | 2091 | maintenance |
| adrianhajdin/project_travel_advisor A tutorial codebase from JavaScript Mastery that builds a travel companion web application using React, Google Maps, and RapidAPI data sour… | 32 | 2082 | maintenance |
| objcio/app-architecture Sample code repository for the objc.io 'App Architecture' book, demonstrating iOS application design patterns in Swift. It contains the Rec… | 32 | 2055 | maintenance |
| RebeccaHanjw/weapp-wechat-zhihu A WeChat Mini Program demo that recreates the Zhihu (Chinese Q&A app) interface using JavaScript and fake local data. It serves as a learni… | 32 | 2022 | maintenance |
| loiane/curso-angular Source code for a free Portuguese-language Angular training course (loiane.training) by Loiane Groner, updated to Angular v10. It includes … | 10 | 1972 | maintenance |
| start-angular/SB-Admin-BS4-Angular-8 SB Admin is an open-source admin dashboard starter template ported to Angular (originally Angular 8 with Bootstrap 4, later Angular 13 with… | 23 | 1921 | maintenance |
| Luosunce/material-design-data A curated collection of Material Design learning resources, tutorials, and open-source libraries, primarily aimed at Android developers. It… | 32 | 1905 | maintenance |
| davidhund/styleguide-generators A curated list of automatic living styleguide and pattern library generators for web development, organized by language and ecosystem (PHP,… | 32 | 1898 | maintenance |
| adrianhajdin/project_next13_car_showcase A car showcase website built with Next.js 13, TypeScript, and Tailwind CSS, accompanying a JavaScript Mastery YouTube tutorial. It demonstr… | 29 | 1882 | maintenance |
| apple/sample-food-truck Apple's official SwiftUI sample app from WWDC22 demonstrating a single-codebase multiplatform app for iPhone, iPad, and Mac. It showcases N… | 32 | 1853 | maintenance |
| danilowoz/react-atomic-design A boilerplate demonstrating the Atomic Design methodology in React, organizing components into atoms, molecules, organisms, templates, and … | 32 | 1849 | maintenance |
| una/YouMightNotNeedJS A reference website (fork of YouMightNotNeedjQuery) demonstrating how to build common UI components like sliders, tabs, and modals using on… | 32 | 1836 | maintenance |
| solana-labs/dapp-scaffold A Next.js-based starter scaffold for building decentralized applications (dApps) on the Solana blockchain. It provides pre-integrated walle… | 10 | 1815 | maintenance |
| lygttpod/AndroidCustomView A collection of complete, hands-on examples teaching Android custom View development in Java, covering effects like animated submit buttons… | 32 | 1811 | maintenance |
| viandwi24/nuxt3-awesome-starter A Nuxt 3 starter template and boilerplate integrating Tailwind CSS 3, Pinia, VueUse, Headless UI, and built-in components/layouts. It suppo… | 23 | 1791 | maintenance |
| iampawan/FlutterWhatsAppClone A Flutter sample project that recreates the WhatsApp chat UI as a learning exercise, accompanied by a YouTube tutorial. It demonstrates Flu… | 32 | 1758 | maintenance |
| yixiangboy/IOSAnimationDemo A demo project and tutorial summarizing iOS animation techniques using Core Animation, written in Objective-C. It covers CABasicAnimation, … | 32 | 1742 | maintenance |
| unmagic/wechat-im A complete WeChat Mini Program instant messaging template built on WebSocket, providing conversation list, chat, and friends pages with tex… | 32 | 1724 | maintenance |
| zincPower/UI2018 A collection of Android advanced UI knowledge demos and custom view examples, organized into chapters that accompany a WeChat public accoun… | 32 | 1682 | maintenance |
| yannbf/ionic3-components A showcase application full of Ionic 3 and Angular 5 components, pages, pipes, and services meant to help developers learn and speed up mob… | 57 | 1667 | maintenance |
| codrops/SidebarTransitions A Codrops demo collection showcasing creative CSS transition effects for off-canvas sidebar navigations. It provides example implementation… | 32 | 1655 | maintenance |
| adrianhajdin/iphone A tutorial companion repository that recreates Apple's iPhone 15 Pro marketing website using React, Tailwind CSS, GSAP animations, and Thre… | 25 | 1644 | maintenance |
| codrops/HoverEffectIdeas A collection of CSS-based hover effect demos and inspiration from Codrops, showcasing subtle modern hover styles for web elements. It serve… | 32 | 1643 | maintenance |
| ivanvorobei/awesome-ios A curated, collaborative list of iOS libraries, UI components, and frameworks for Swift developers, organized by category with quick visual… | 23 | 1642 | maintenance |
| manrajgrover/SingleDivProject A curated collection of designs and loaders, each created with a single HTML <div> element styled using pure CSS only. It serves as an educ… | 32 | 1587 | maintenance |
| robertodevs/flutter_ecommerce_template A free, minimalist eCommerce UI template for Flutter with 38 screens, reusable components, assets, icons, and fonts. It serves as a fronten… | 32 | 1586 | maintenance |
| bradfrost/this-is-responsive A curated collection of responsive web design patterns, resources, and news maintained by Brad Frost. It serves as an educational reference… | 32 | 1572 | maintenance |
| sergey-pimenov/awesome-web-animation A curated awesome-list of web animation resources, including JavaScript libraries for animating SVG, Canvas, CSS, text, and scroll, plus bo… | 23 | 1571 | maintenance |
| adrianhajdin/project_react_native_jobs A React Native job finder app built with Expo, serving as the companion code for a JavaScript Mastery YouTube tutorial. It demonstrates bui… | 30 | 1569 | maintenance |
| doyoe/css-handbook A comprehensive Chinese-language CSS reference handbook documenting CSS properties, selectors, and syntax with detailed browser compatibili… | 32 | 1548 | maintenance |
| javico2609/flutter-challenges A collection of 18 Flutter UI demo templates showcasing common mobile app patterns like pagination, infinite scroll, theming, maps, and aut… | 32 | 1507 | maintenance |
| rafaballerini/10ProjetosHTMLeCSS A curated collection of ten HTML and CSS project ideas (landing pages, login pages, forms, product catalogs, news pages) meant to be built … | 32 | 1492 | maintenance |
| adrianhajdin/nike_landing_page A tutorial companion repository from JavaScript Mastery containing the source code for a Nike landing page built with Tailwind CSS and Reac… | 28 | 1491 | maintenance |
| YUUXIAO/webProject A collection of small front-end demos built while learning web development, implemented entirely with vanilla JavaScript and CSS3. It inclu… | 32 | 1490 | maintenance |
| react-native-training/react-native-fonts A reference list of fonts available out of the box in React Native projects on Android and iOS, with usage examples for setting fontFamily … | 32 | 1486 | maintenance |
| adrianhajdin/social_media_app A social media web application built with React, TypeScript, Appwrite, React Query, and Tailwind CSS, created as companion code for a JavaS… | 27 | 1482 | maintenance |
| ryanoasis/powerline-extra-symbols A collection of extra Powerline separator glyphs (rounded, angled, flame, blocky, etc.) provided as Unicode codepoints and font assets. The… | 32 | 1474 | maintenance |
| adrianhajdin/project_youtube_clone A tutorial codebase accompanying JS Mastery's YouTube video on building and deploying a modern YouTube clone in React with Material UI 5, f… | 32 | 1467 | maintenance |
| adrianhajdin/project_modern_ui_ux_restaurant A companion code repository for a JS Mastery video tutorial that walks beginners through building a modern restaurant landing page with Rea… | 32 | 1459 | maintenance |
| tailwindtoolbox/Landing-Page An open-source landing page starter template built with Tailwind CSS, distributed as a single HTML file using a CDN-hosted Tailwind build. … | 32 | 1451 | maintenance |
| KittenYang/A-GUIDE-TO-iOS-ANIMATION Source code repository accompanying the eBook 'A Guide to iOS Animation', containing 14+ Objective-C and Swift demos covering bezier curves… | 32 | 1450 | maintenance |
| chokcoco/magicCss A curated collection of CSS3 demos showing how to create a wide variety of shapes and visual effects using a single HTML tag. It demonstrat… | 32 | 1445 | maintenance |
| mdo/wtf-html-css A curated guide by Bootstrap creator Mark Otto listing common, frustrating HTML and CSS pitfalls and how to avoid them. It is a static docu… | 23 | 1440 | maintenance |
| awesome-bootstrap-org/awesome-bootstrap A curated awesome-list of Bootstrap tools, themes, templates, UI kits, components, and design resources for Bootstrap 4 and 5. It is a docu… | 32 | 1435 | maintenance |
| bedimcode/portfolio-responsive-complete A responsive personal portfolio website template built with HTML, CSS (SCSS), and JavaScript, created as companion code for a Bedimcode You… | 32 | 1425 | maintenance |
| raunofreiberg/ui-playbook UI Playbook is a documented collection of common UI components, covering their functionality, best practices, accessibility requirements, a… | 32 | 1424 | maintenance |
| xuyisheng/flutter_dojo Flutter Dojo is a demo Android/iOS app built with Flutter that showcases the usage of official Flutter widgets, UI patterns, animations, an… | 23 | 1420 | maintenance |