Functional css for humans. Quickly build and design new UI without writing css.
css html design design-systems design-patterns design-tools responsive-design frontend functional-css oocss postcss responsive performanceA library for layout testing of websites
layout-testing responsive-design image-comparisonThis template is designed to work on all major email platforms. It is built with media query, making it responsive for smartphones that support media query. It serves as a foundation that has been tested and thoroughly reviewed for compatibility, making it very easy to customize and make changes. Using MailChimp's html email template (blue-print) as the foundation, this template is an improved version with more row options, redefined structure and many fixes for Outlook, Yahoo, Hotmail, Gmail, e.t.c.
html email-template email-boilerplate responsive-designMaterial 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-kitStart your development with a Design System for Bootstrap 4. It is open source, free and it features many components that can help you create amazing websites. Argon Design System is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files.
design design-system bootstrap-4 design-systems webdesign responsive responsive-design profile-page creativetim creative-tim freebie freebies freeMaterial Dashboard Angular 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.
material-dashboard bootstrap-material angular sidebar angular2 angular4 webdesign bootstrap responsive-design creativetimeqio allows you to attain the holy grail of responsive web development/design systems: components that can adapt their styling based on their width, not the browser‘s. It uses IntersectionObservers under-the-hood (so is well supported in “good” browsers and easily polyfilled in others) to apply appropriately named classes to the component when necessary.
css responsive-design element-queries container-queries media-queriesLight Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple. It is built on top of React Bootstrap, using Light Bootstrap Dashboard and it is fully responsive. It comes with a big collections of elements that will offer you multiple possibilities to create the app that best fits your needs. It can be used to create admin panels, project management systems, web applications backend, CMS or CRM. The product represents a big suite of front-end developer tools that can help you jump start your project. We have created it thinking about things you actually need in a dashboard. Light Bootstrap Dashboard React contains multiple handpicked and optimized plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on Creative Tim is a customization of this product.
reactjs react-router react-template react-admin react-bootstrap react-bootstrap-components react-components responsive-design freebie react-responsive react-resourcesComponents based on the Google Material Design Lite framework
material-design material-design-lite sass es6 es2015 es7 ecmascript-2015 ecmascript-2016 css webpack element-queries responsive-design mdl mdl-components accordion grid lightboard lightbox selectfield material-color-themes menu-button angular2Colette is a CSS and JS starter kit for 20 Minutes web projects. It provides basic styles and mixins to build responsive layouts, based on the 20 Minutes digital identity guidelines. You can use colette.css as is (or minified files colette.min.css).
20minutes boilerplate css css3 framework grid helpers html html5 responsive-design rwd stylus typographyA simple but opinionated Hugo theme geared towards blog-style content. Based on the older two-column Bootstrap blog example that was used for several Bootstrap versions, but has now been retired in favor of a "snarky" (their words) new example as of version 4.0.0's final release. See picturingjordan.com for an example of this theme in use.
hugo theme bootstrap blog-theme responsive-design i18n hugo-themeIn short: The intent of Building Blocks are to solve common patterns, scaffold faster, and integrate with your existing styles right out of the box. Building Blocks are easy to use in your projects whether you’re using a CSS version or the powerful ZURB Stack. Below, we’ve outlined how to get a Building Block into your project in a snap and build faster.
snippets snippets-library snippet-pack code component components html html5 css css3 sass scss library component-library layouts layout responsive responsive-design ui ui-componentsFind out how Bootstrap can transform your standard HTML websites into inspired single-page designs. This course is a project-based approach to learning how to manipulate website layouts with the Bootstrap framework. Staff author Ray Villalobos tackles Bootstrap's layout classes, like containers, rows, and columns, and shows what it takes to customize Bootstrap's CSS and address layout challenges like multiple grids and columns. Plus, learn how to track navigation as users scroll, with the ScrollSpy plugin, and create a full-screen, responsive image carousel. This repository has branches for each of the videos in the course. You can use the branch pop up menu in github to switch to a specific branch and take a look at the course at that stage. Or you can simply add /tree/BRANCH_NAME to the URL to go to the branch you want to peek at.
bootstrap bootstrap3 responsive responsive-design tutorial training linkedinlearning lynda lynda-com rayvillalobosFitMyVideo is fully responsive and will run on all modern desktop- and mobile browsers with no additional plugins. Make sure you include the following CSS code on your website.
video css-solution fluid-width css html responsive-design responsive-videoA 12 column grid you can use for print design. Remember print design? Where you print stuff out on a piece of paper? This is for that.
html5 css readability responsive-design rwd postcssor download the css on github and include in your project. The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
oocss css rwd responsive-design type type-scale readability designA pocket-sized grid system; built on the flex display property.
flexbox flexbox-grid flexbox-css flexbox-grids flexboxcss responsive-design responsive-grid responsive-layout sass scssFunctional css for humans. Verbose edition. Quickly build and design new UI without writing css.
css html design design-systems design-patterns design-tools responsive-design frontend verbose oocss postcss functional-css responsive performanceInstalling the Saturn theme can be done in one of two ways. Our GPM (Grav Package Manager) installation method enables you to quickly and easily install the theme with a simple terminal command, while the manual method enables you to do so via a zip file. The theme by itself is useful, but you may have an easier time getting up and running by installing a skeleton. The Saturn Site Skeleton is a self-contained repository for a complete sites which includes: sample content, configuration, theme, and plugins.
grav grav-theme html5 css3 responsive responsive-design❓ A responsive project landing page built upon Bootstrap which I have handcrafted for one of my projects Markdownify. 💡 Perfect for the Open Source projects which can be described within a single page with a nice screenshot. Such as GitHub Pages and as it is built upon Bootstrap, it can be customizable pretty easily according to your liking.
landing-page project bootstrap responsive-design github-pages
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.