--- title: "40+ Free Web UI Kits & Templates in 2026" id: "82045" type: "post" slug: "free-web-ui-kits" published_at: "2026-01-14T16:04:20+00:00" modified_at: "2026-03-08T15:08:18+00:00" url: "https://speckyboy.com/free-web-ui-kits/" markdown_url: "https://speckyboy.com/free-web-ui-kits.md" excerpt: "A collection of free web UI kits to help designers create stunning websites and web applications in Photoshop, Sketch, Figma, and XD quickly." taxonomy_category: - "UI Design" taxonomy_post_tag: - "Adobe XD" - "Figma" - "Figma Templates" - "Free Templates" - "Illustrator Templates" - "Photoshop PSD Templates" - "UI Kits" - "UX Deliverables" --- # 40+ Free Web UI Kits & Templates in 2026 Last Update: March 8, 2026 By Paul Andrew [UI Design](https://speckyboy.com/category/ui/) Web UI kits are pre-designed collections of user interface components that can help you save time and streamline your design process. These kits typically include common design elements such as buttons, menus, forms, and icons. Rather than starting from scratch, you can use a UI kit as a foundation for a design and customize it to fit your specific project requirements. This can be especially useful when working on tight deadlines or creating a UI design for clients with specific design requirements. The free UI kits we have for you here have been created by talented designers and can help ensure that your website, application, or admin dashboard is both aesthetically pleasing and user-friendly. A well-designed UI kit can help establish a consistent visual identity, which is essential for creating a cohesive and polished website. This is a curated collection of our favorite free web UI kits. These kits come in various styles and popular formats like Photoshop PSD, Figma, Sketch App, and Adobe XD. We hope you find these resources helpful and use them to create beautiful and functional designs. ## Free Web Layout UI Kits ### [Dark Mode Design System UI Kit](https://www.behance.net/gallery/104931061/MODE-Design-System-Free-UI-kit-Download-Black) Designed by Dee Aero in Figma Format. ![Dark Mode Design System Free Web UI Kit Figma](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-01.jpg) ### [First Order Free UI Kit](https://craftwork.gumroad.com/l/IwcQVZ) Designed by Craftwork in Photoshop PSD, Sketch App & Figma Formats. ![First Order Free Web UI Kit Figma Photoshop PSD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-02.jpg) ### [The Basics Web UI Kit](https://1.envato.market/c/78798/298927/4662?subId1=free-web-ui-kit&u=https%3A%2F%2Felements.envato.com%2Fthe-basics-web-ui-kit-RT4TVN) In Photoshop PSD & Sketch App Formats. ![The Basics Web UI Kit Sketch App Photoshop PSD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-03.jpg) ### [LoudMusic Podcast Free Web UI Kit](https://www.behance.net/gallery/75566077/Music-iOSWeb-UIUX-Multipurpose-UI-Kit) Designed by Zulqurnain Haider in Figma & Adobe XD Formats. ![LoudMusic Podcast Free Web UI Kit Figma Adobe XD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-04.jpg) ### [Sven Modern Free UI Kit](https://www.graphberry.com/item/sven-modern-psd-ui-kit) Designed by GraphBerry in Photoshop PSD Format. ![Sven Modern Free Web UI Kit Photoshop PSD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-05.jpg) ### [Derick Creative Website UI Kit](https://1.envato.market/c/78798/298927/4662?subId1=free-web-ui-kit&u=https%3A%2F%2Felements.envato.com%2Fderick-creative-website-ui-kit-UE9HS9) In Sketch App & SVG Formats. ![Derick Creative Website Web UI Kit Sketch App](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-06.jpg) ### [eCommerce Free UI Kit](https://www.behance.net/gallery/118083883/Ecommerce-UI-Kit) Designed by Saber Ali in Figma Format. ![eCommerce Free Web UI Kit Figma](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-07.jpg) ### [Neomorphism Darkness Free UI Kit](https://victor.webiz.team/2020/01/13/neomorphism/) Designed by Victor Webiz in Adobe XD Format. ![Neomorphism Darkness Free Web UI Kit Adobe XD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-08.jpg) ### [Singleton UI Pack for Landing Pages](https://1.envato.market/c/78798/298927/4662?subId1=free-web-ui-kit&u=https%3A%2F%2Felements.envato.com%2Fsingleton-ui-pack-EFCPEQ) in Photoshop PSD & Sketch App Formats. ![Singleton Pack Landing Pages Web UI Kit Sketch App Photoshop PSD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-09.jpg) ### [Avia Free Dashboard UI Kit](https://ui8.net/ui8/products/avia-ui-kit-dashboard) Designed by UI8 in Photoshop PSD & Sketch App Formats. ![Avia Dashboard Free Web UI Kit Photoshop PSD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-10.jpg) ### [Sketch UI Design Framework](https://www.toptal.com/designers/ui/design-framework) Designed by Wojciech Dobry in Sketch App Format. ![Design Framework Free Web UI Kit Sketch App](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-12.jpg) ### [IDTOOL Landing Page Free Web UI Kit](https://ui8.net/id-tool-dex/products/idtool-landing-page-web-ui-kit) Designed by ID-TOOL DEX in Adobe XD & Figma Formats. ![IDTOOL Landing Page Free Web UI Kit Figma Adobe XD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-14.jpg) ### [MusicBox Free UI Kit & 70 Screens](https://www.behance.net/gallery/79621611/Free-UI-Kit-MusicBox-70-Screens) Designed by Michael K. in Adobe XD Format. ![MusicBox Free Web UI Kit Adobe XD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-16.jpg) ### [Ares Free UI Kit](https://dribbble.com/shots/5826072-Ares-Ui-Kit-Free-Resource) Designed by Wagner Ramos in Sketch App Format. ![Ares Free Web UI Kit Sketch App](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-17.jpg) ### [Free Dark & Light UI Element Kit](https://www.behance.net/gallery/75500043/Free-UI-Element-Kit-%28Adobe-XD%29) Designed by Zulqurnain Haider for Adobe XD. ![Dark & Light UI Element Free Web UI Kit Adobe XD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-19.jpg) ### [The Free 3D Web UI Kit](https://speckyboy.com/fantastic-freebie-3d-web-ui-kit/) Designed by MediaLoot in PNG & Photoshop PSD Formats. ![3D Free Web UI Kit Photoshop PSD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-20.jpg) ### [Business Website UI Design Kit](https://ui8.net/talha_qurashi/products/business-website-ui-design-kit) Designed by Talha Qurashi in Fogma Format. ![Business Website Free Web UI Kit](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-21.jpg) ## Design Systems & UI Styleguides ### [RevKit Free Design System UI Kit](https://www.sketchappsources.com/free-source/4526-revkit-sketch-freebie-resource.html) Designed by Nitish Khagwal in Sketch App Format. ![RevKit Design System Free Web UI Kit](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-23.jpg) ### [Design Styleguide Page](https://1.envato.market/c/78798/298927/4662?subId1=free-web-ui-kit&u=https%3A%2F%2Felements.envato.com%2Fdesign-styleguide-page-XPVB463) in Figma, Adobe XD & Sketch App Formats. ![Design Styleguide Page Web UI Kit Sketch App Adobe XD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-24.jpg) ### [Free Exo Kit Design System](https://dribbble.com/shots/11967273-EXO-KIT-Design-System) Designed by Anthony Choren in Figma Format. ![Exo Design System Free Web UI Kit Figma](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-25.jpg) ### [Dashboard UI Styleguide](https://1.envato.market/c/78798/298927/4662?subId1=free-web-ui-kit&u=https%3A%2F%2Felements.envato.com%2Fdashboard-ui-styleguide-GWTPLHV) in Photoshop PSD, Adobe XD, Figma & Sketch App Formats. ![Dashboard Styleguide Web UI Kit Figma Sketch App Adobe XD Photoshop PSD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-27.jpg) ### [Free Grommet Design Kit](https://github.com/grommet/design-kit) Designed by grommet in Framer X, Adobe XD, Figma & Sketch App Formats. ![Grommet Design Free Web UI Kit Figma Sketch App Adobe XD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-28.jpg) ### [Design Framework Free Sketch UI Kit](https://www.sketchappsources.com/free-source/4380-design-framework-sketch-freebie-resource.html) Designed by Jon Brick in Sketch App Format. ![Design Framework Free Web UI Kit Sketch App](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-29.jpg) ### [Free Mega UI Style Pack](https://dribbble.com/shots/2888732-Freebie-Mega-UI-style-pack) Designed by Stefan Kuhl in Photoshop PSD Format. ![Design Framework Photoshop PSD Free Web UI Kit](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-30.jpg) ### [Free Design System UI Kit](https://www.behance.net/gallery/141920907/Free-Design-System-Ui-Kit-for-Figma) Designed by Elizaveta Rypakova in Figma Format. ![Design System Free Web UI Kit Figma](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-31.jpg) ## Free UI Components & Widgets ### [Components Free UI Kit](https://dribbble.com/shots/12636106-Components-A-Free-UI-Kit) Designed by Michael Filipiuk in Sketch App, Figma & Adobe XD Formats. ![Components Free Web UI Kit Figma Sketch App Adobe XD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-32.jpg) ### [Huge Free UI Kit](https://www.behance.net/gallery/59254227/Biggest-FREE-UI-Kit) Designed by Krasi Stoimenov in Photoshop PSD & Illustrator Formats. ![Huge Free Web UI Kit Photoshop PSD Illustrator](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-33.jpg) ### [Scheme Flowcharts Starter Kit](https://1.envato.market/c/78798/298927/4662?subId1=free-web-ui-kit&u=https%3A%2F%2Felements.envato.com%2Fscheme-flowcharts-starter-kit-D4HK85) in Sketch App Format. ![Scheme Flowcharts Starter Web UI Kit](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-34.jpg) ### [Chart Components Free UI Kit](https://www.figma.com/community/file/1039326385370619352/full-charts-components) Designed by Frank Esteban Isdray in Figma Format. ![Chart Components Free Web UI Kit Figma](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-35.jpg) ### [Ultimate Infographics UI Kit](https://www.themeraid.com/freebies/ultimate-infographics-pack/) Designed by ThemeRaid in Illustrator AI Format. ![Ultimate Infographics Free Web UI Kit Illustrator AI](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-36.jpg) ### [Cards Dashboard Widgets & Components](https://1.envato.market/c/78798/298927/4662?subId1=free-web-ui-kit&u=https%3A%2F%2Felements.envato.com%2Fcards-ui-kit-dashboard-widgets-components-6L4PT3E) in Photoshop PSD, Sketch App & Adobe XD Formats. ![Cards Dashboard Widgets Components Web UI Kit Sketch App Adobe XD Photoshop PSD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-37.jpg) ### [LiquidPro Components UI Kit](https://www.behance.net/gallery/53249885/LiquidPro-Sketch-UI-Kit-Free-Download) Designed by Dtail Studio in Sketch & Photoshop PSD Format. ![LiquidPro Components Free Web UI Kit Photoshop PSD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-38.jpg) ### [Dashboard Charts Free UI Kit](https://dribbble.com/shots/11210996-Charts-UI-Kit-by-Mimi) Designed by Mimi in Sketch App, Figma & Adobe XD Formats. ![Dashboard Charts Free Web UI Kit Figma Sketch App Adobe XD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-40.jpg) ### [Deca Clean & Clear UI Kit](https://deca.craftwork.design/) Designed by Craftwork in Figma, & Sketch App Formats. ![Deca Clean Clear Free Web UI Kit Figma Sketch App](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-41.jpg) ### [FormKit Form Components Library](https://sketchrepo.com/free-sketch/form-components-library-formkit-freebie/) Designed by Curtis Lee in Sketch App Format. ![FormKit Form Components Library Free Web UI Kit Sketch App](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-43.jpg) ## Free Dashboard UI Kits ### [Dashboard Interface Elements](https://dribbble.com/shots/10143929-Freebie-Dashboard-Interface-Elements) Designed by Tran Mau Tri Tam in Sketch App Format. ![Dashboard Interface Elements Free Web UI Kit Sketch App](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-44.jpg) ### [Reading App Dashboard UI Kit](https://1.envato.market/c/78798/298927/4662?subId1=free-web-ui-kit&u=https%3A%2F%2Felements.envato.com%2Freading-app-dashboard-ui-kits-template-UUEAUGX) in Figma, Sketch App & Adobe XD Formats. ![Reading App Dashboard Web UI Kit Sketch App Adobe XD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-45.jpg) ### [Free Dashboard Cards Free UI Kit](https://dribbble.com/shots/11159095-Dashboard-Cards-Free-UI-Kit-Freebie) Designed by Saransh Verma in Adobe XD & Illustrator Formats. ![Dashboard Cards Free Web UI Kit Adobe XD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-47.jpg) ## Bootstrap UI Kits ### [Bootflat Free UI Kit](https://github.com/DarthSnow/Bootflat.UI.Kit.PSD) Designed by Darthsnow in Photoshop PSD Format. ![Bootflat Free Web UI Kit Photoshop PSD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-49.jpg) ### [Modern Bootstrap UI Components](https://1.envato.market/c/78798/298927/4662?subId1=free-web-ui-kit&u=https%3A%2F%2Felements.envato.com%2F3-modern-bootstrap-ui-components-SWEEPLR) in Adobe XD Format. ![Modern Bootstrap UI Components Web UI Kit Adobe XD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-50.jpg) ### [Free Bootstrap 5 UI Kit](https://themeselection.com/item/free-sketch-bootstrap-ui-kit/) Designed by ThemeSelection in Sketch App Format. ![Bootstrap 5 Free Web UI Kit](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-51.jpg) ## Free Material Design UI Kits ### [Material 3 Design Kit](https://m3.material.io/blog/material-3-figma-design-kit) Designed by Material Design in Figma Format. ![Material 3 Design Free Web UI Kit Figma](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-52.jpg) ### [Material Admin Dashboard UI Kit](https://1.envato.market/c/78798/298927/4662?subId1=free-web-ui-kit&u=https%3A%2F%2Felements.envato.com%2Fcrown-material-admin-dashboard-ui-kit-RL7M8A) in Photoshop PSD, Adobe XD & Sketch App Formats. ![Material Admin Dashboard Web UI Kit Sketch App Adobe XD Photoshop PSD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-53.jpg) ### [The Free Material Design UI Kit](https://speckyboy.com/freebie-material-design-ui-kit-psd/) Designed by Designtory in Photoshop PSD Format. ![Free Material Design Web UI Kit Photoshop PSD](https://speckyboy.com/wp-content/uploads/2023/01/free-web-ui-kit-55.jpg) ## More Free UI Resources - [Free Figma UI Kits](https://speckyboy.com/free-web-mobile-figma-ui-templates/) - [Free Wireframe Kits](https://speckyboy.com/free-wireframe-templates-mobile-app-web-ux-design/) - [Free Mobile UI Kits](https://speckyboy.com/free-mobile-ui-kits-ios-android/) - [Free Adobe XD UI Kits](https://speckyboy.com/free-adobe-xd-ui-kits/) - [Free Material UI Kits](https://speckyboy.com/free-material-design-gui-templates-icon-sets/) - [Free Sketch UI Kits](https://speckyboy.com/free-mobile-ui-wireframe-kits-sketch-app/) - [Free Icon Fonts](https://speckyboy.com/free-icon-fonts/) - [Free UI Icon Sets](https://speckyboy.com/top-50-free-icon-sets/) - [Open Source Web UI Kits](https://speckyboy.com/open-source-front-end-ui-kits/) - [Free HTML Web Templates](https://speckyboy.com/free-responsive-html-web-layout-templates/) - [Free Bootstrap UI Kits](https://speckyboy.com/free-bootstrap-ui-kits/) - [Free Bootstrap Themes](https://speckyboy.com/free-bootstrap-framework-templates/) - [Free Bootstrap Admin Themes](https://speckyboy.com/free-bootstrap-admin-themes/) - [Free Tailwind CSS Dashboards](https://speckyboy.com/free-tailwind-css-admin-dashboard-templates/) - [Free Figma Dashboard Templates](https://speckyboy.com/free-admin-dashboard-templates-figma/) ## Related Articles - [25+ Best Free Social Media Icon Sets for UI Designers](https://speckyboy.com/social-icon-sets/) A collection of the best free social media icon sets. Available in various styles, formats, and covering all major social media services. - [15+ Free Payment Method & Credit Card Icon Sets](https://speckyboy.com/free-payment-method-credit-card-icon-sets/) A collection of payment method credit card icon sets you can freely use on your own web and mobile eCommerce sites and projects. - [20+ Best Coupon & Voucher Print Templates](https://speckyboy.com/coupon-voucher-print-templates/) A collection of professional and easy-to-customize coupon and voucher print templates. We have templates for Photoshop, InDesign, Illustrator, and Figma. - [20+ Best Free Instagram Story Templates](https://speckyboy.com/free-instagram-story-templates/) A collection of free Instagram Story templates with editable layouts for social media posts, including PSD, Figma, After Effects, Premiere Pro, and Final Cut Pro. - [10+ Best Free Minimal Logo Template Collections in 2026](https://speckyboy.com/free-minimal-logo-templates/) We have collected the best minimally designed logo templates that can be used for free on both your personal and commercial projects. ## Related Topics - [Adobe XD](https://speckyboy.com/topic/adobe-xd/) - [Figma](https://speckyboy.com/topic/figma/) - [Figma Templates](https://speckyboy.com/topic/figma-templates/) - [Free Templates](https://speckyboy.com/topic/free-templates/) - [Illustrator Templates](https://speckyboy.com/topic/illustrator-templates/) - [Photoshop PSD Templates](https://speckyboy.com/topic/psd-template/) - [UI Kits](https://speckyboy.com/topic/ui-kits/) - [UX Deliverables](https://speckyboy.com/topic/ux-deliverables/) ## Written by Paul Andrew Paul is the founder and editor of Speckyboy Design Magazine. He has a passion for UI design, print design, motion design, and graphic design, and loves discovering and sharing new resources and templates. [Read more articles by Paul Andrew](https://speckyboy.com/author/apaulandrew/) --- Top This page may contain affiliate links. At no extra cost to you, we may earn a commission from any purchase via the links on our site. You can [read our Disclosure Policy](https://speckyboy.com/affiliate-disclosure/) at any time.