The PatternFly library is a collection of UI design patterns. Design patterns are recurring solutions that solve common design problems and provide a common language for people who create user interfaces. In general, patterns do not specify requirements, but rather, present recommended solutions to design problems. PatternFly patterns build on that approach by additionally considering the needs of complex enterprise IT software, and the habits and motivations of its users, in their recommendations.
This reference implementation of PatternFly is based on Bootstrap v3. Think of PatternFly as a "skinned" version of Bootstrap with additional components and customizations. PatternFly is meant to be used as a replacement for Bootstrap, so don't include the Bootstrap CSS if you are including the PatternFly CSS in your project.
Tags | ui-framework bootstrap css style ui-design components |
Implementation | Javascript |
License | Apache |
Platform | OS-Independent |
Start developing neumorphic web applications and pages using Neumorphism UI which makes use of the neumorphic design trend. It features over 200 individual components and 5 example pages. All components are perfectly in compliance with the neumorphism design trend making use of the specific shadow and coloring attributes. Neumorphism UI also comes with the shadow inset style add-on.
css gulp sass bootstrap ui uikit ui-kit hacktoberfest neumorphism neumorphic neomorphism neumorphism-ui neomorphic hacktoberfest2021 neumorph neumorphism-css neumorphism-bootstrap neumorphism-js neumorphism-design themesberg html jsUse component classes like btn, card, etc… to build your UI.
css ui-design design-systems design-pattern postcss css-framework design-patterns ui-kit ui-components css-components ui-pattern design-system ui-library ui-framework tailwind tailwindcss tailwind-css components component framework theming design uiOruga doesn't depend on any specific style or CSS framework (like Bootstrap, Bulma, TailwindCSS etc...) and it doesn't provide any grid system or CSS utility, it just offer a set of components easy to customize. Oruga wants you to focus only on UI/UX aspects of your application and be totally flexible to future changes without having to touch a line of JavaScript. Browse online documentation here.
css sass vuejs ui vue customization frontend ux scss css-framework agnostic ui-components tailwindcss orugaAtomic UI Framework based on Web Components and Runtime CSS Generation for rapidly building interfaces that follow your Design System
framework responsive uikit web-components css-framework themes markup-language designsystem functional-css utility-classes ui-components css-generator element-collection runtime-css-framework design-system ui-framework numlMaterial Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project. Material Kit makes use of light, surface and movement. It uses a deliberate color choice, edge-to-edge imagery and large scale typography. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left and the actions on the right.
bootstrap uikit ui-kit web webdesign material-design bootstrap-material-design responsive-design bootstrap4 material-kit bootstrap-material-admin bootstrap-material-kit material-design-admin creative-tim html-kit html-css-kit web-kit freebie free-bootstrap-kit css3-kit bootstrap-admin bootstrap-kit frontend responsive-bootstrap-kitPixel is a free, fully responsive, modern Bootstrap UI Kit that will help you build creative and professional websites. Use our components and sections, switch some Sass variables to build and arrange pages to best suit your needs. Pixel is a premium extension of the famous Bootstrap CSS Framework featuring pricing cards, profile cards, timelines and many more and additional plugins for datepickers and input sliders which Bootstrap does not have by default.
gulp sass bootstrap ui-kit bootstrap-4 bootstrap-ui-kit pixel-lite bootstrap-4-ui-kit bootstrap-5 bootstrap-5-ui-kit components elements responsive front-end css webAnt Design is an enterprise-class UI design language and React UI library. It provides plenty of UI components to enrich your web applications, and we will improve components experience consistently. It supports Server side rendering, Theme customization, Internationalization support and lot more.
react-framework css react ui-kit ui-design react-components antd design-systems frontend ant-design ant design react-component component components ui frameworkNow UI Kit is a responsive Bootstrap 4 kit provided for free by Invision and Creative Tim. It is a beautiful cross-platform UI kit featuring over 50 elements and 3 templates. Now will help you create a clean and simple website that is a perfect fit for today's flat design. It is built using the 12 column grid system, with components designed to fit together perfectly. It makes use of bold colours, beautiful typography, clear photography and spacious arrangements.
bootstrap4 kit invision uikit ui-kit bootstrap-4 bootstrap-theme freebie sass-frameworkMaterial Dashboard is a free Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements. Material Dashboard makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.
bootstrap-material material-dashboard creative-tim material-design material-ui material-theme bootstrap-4 bootstrap4 bootstrap-theme admin admin-dashboard admin-template bootstrap-material-admin bootstrap-material-dashboard material-design-admin html-dashboard html-css-dashboard web-dashboard freebie free-bootstrap-dashboard css3-dashboard bootstrap-admin bootstrap-dashboard frontend responsive-bootstrap-dashboardDaemonite's Material UI is a cross-platform and fully responsive front-end interface based on Google Material Design developed using Bootstrap 4. The basic idea behind this project is to combine the front-end technology of the popular Bootstrap framework with the visual language of Google Material Design.
material google-material css bootstrap-components bootstrap framework front-end html js sassMaterial Design for Bootstrap (MDB) is a powerful Material Design UI KIT for most popular HTML, CSS, and JS framework - Bootstrap.
material design bootstrap mdbootstrap mdb framework css mobile-first responsiveKeen UI is a lightweight Vue.js UI library with a simple API. The design is inspired by Google's Material Design. However, Keen UI is not meant to be a full implementation of the Material Design spec. Keen UI is not a CSS framework. As such, it doesn't include a grid system, typography styles, etc. Instead, the focus is on interactive components that require Javascript.
vue material-design ui components vuejsAn enterprise-class UI components based on Ant Design and Vue. We recommend using npm or yarn to install,it not only makes development easier,but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.
vue enterprise css ui-design antd ant-design frontend vuecomponent ui vue-antd vue-antd-ui react ant design component components framework30+ authentic Windows 95 components, Full Documentation, Fully Responsive, 100% Valid W3C HTML Files. It's Free. Windows 95 UI Kit is a free User Interface Kit featuring authentic buttons, cards (windows), tabs, navigation tabs, typography and many more. Use this kit to create awesome retro interfaces.
bootstrap ui kit windows-95 ui-kit ui-components hacktoberfest bootstrap-ui-kit retro-ui-kit hacktoberfest2021 retro-bootstrap themesberg windows-95-buttons windows-95-cards windows-95-forms windows-95-font windows-95-tooltips w95React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.
react css ui styled-components rebass design-system react-components styled-system components grid typography layout color theme emotion react-component presentational stateless functionalThe typeahead.js library consists of 2 components: the suggestion engine, Bloodhound, and the UI view, Typeahead. The suggestion engine is responsible for computing suggestions for a given query. The UI view is responsible for rendering suggestions and handling DOM interactions. Both components can be used separately, but when used together, they can provided a rich typeahead experience. Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development, created by Mark Otto and Jacob Thornton, and maintained by the core team with the massive support and involvement of the community.
less bootstrap typeahead.jsA modern UI kit packed with 2 custom page templates and 11 extra custom components built on top of Bootstrap 4 (final). The distributed Shards assets are also available via CDN through unpkg and jsDelivr.
ui kit bootstrap html css free bootstrap4 datepicker templates sliders toggles theme scss sass uikit ui-kit bootstrap-4WeUI is an WeChat-like UI framework officially designed by the WeChat Design Team, tailor-made for WeChat Web development, in order to improve and standardize the experience for WeChat users. Including components such as button、cell、dialog、 progress、 toast、article、actionsheet、icon. Please feel free to use and contribute to the development.
weui wechat mobile-web style weixin css less mobileAn enterprise-class UI components based on Ant Design and Angular.
angular ui-components angular-components typescript ant-design frontend antd angular-directives ngx enterprise ant ng-zorro design ui framework ui-librarySmelte is a UI framework built on top of Svelte and Tailwind CSS using Material Design spec (hence the name). It comes with many components and utility functions making it easy to build beautiful responsive layouts while keeping bundle size and performance at check all thanks to Svelte. Then add the Smelte Rollup plugin (after svelte but before css). Webpack support coming soon.
material material-design svelte tailwindcss svelte-v3
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.