Displaying 1 to 20 from 76 results

bootstrap-material-design - Material design theme for Bootstrap 3 and 4

  •    CSS

Material Design for Bootstrap is the best way to use Material Design guidelines by Google in your Bootstrap 4 based application. Since this is a fully customizable version of Bootstrap, just include Material Design for Bootstrap CSS instead of Bootstrap CSS, and include the JavaScript at the end of your document (just before the </body> tag), and everything will be converted to Material Design.The things to do are a lot and the time is little, if you are a passionate developer with experience with Bootstrap and Material Design for Bootstrap and you have some spare time, please consider becoming a contributor of this project! If you are interested contact @FezVrasta or just adopt one of our issues.

sizzy - A tool for testing responsive websites crazy-fast

  •    Javascript

Add ?url=http://your-url.com at the end of the url to share it with a preloaded url. Adds a Sizzy button in the Chrome toolbar, which on click opens any page directly into Sizzy.

styledocco - Automatically generate a style guide from your stylesheets.

  •    Javascript

StyleDocco generates documentation and style guide documents from your stylesheets. Stylesheet comments will be parsed through Markdown and displayed in a generated HTML document. You can write HTML code prefixed with 4 spaces or between code fences (```) in your comments, and StyleDocco show a preview with the styles applied, and displays the example HTML code.




css-gridish - Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension

  •    CSS

This tool is not a grid system with a grid already designed for you. Instead, CSS Gridish builds all of the resources for the grid your team designed. We hope it helps teams adapt CSS Grid sooner and enables more complex layouts. To show how versatile the tool is, we have examples of grids from Bootstrap, Carbon Design System, and Material Design.

colors - Smarter defaults for colors on the web.

  •    CSS

Better default colors for the web. A collection of skin classes for faster prototyping and nicer looking sites. The built CSS is located in the css directory. It contains an unminified and minified version. You can either cut and paste that css or link to it directly in your html.

materialize - Materialize, a CSS Framework based on Material Design

  •    Javascript

Read the getting started guide for more information on how to use materialize. The documentation can be found at http://materializecss.com. To run the documentation locally on your machine, you need Node.js installed on your computer.


sakura - :cherry_blossom: a minimal css framework/theme.

  •    CSS

Just drop in sakura.css to any webpage and go from ugly looking 1900's website to a pretty modern website in literally 0 seconds. Easy to customize and build on top of sakura.

bootstrap-material-design - Material Design for Bootstrap - Powerful and free UI KIT for Bootstrap 4

  •    Javascript

Material Design for Bootstrap (MDB) is a powerful Material Design UI KIT for most popular HTML, CSS, and JS framework - Bootstrap.

uiGradients - 🔴 Beautiful colour gradients for design and code

  •    Vue

This is an effort to give back to the community, by the community. Hopefully this will help you draw inspiration and serve as a resource for picking gradients for your own projects. Adding a gradient to the library is super simple. All the gradients are loaded and rendered from a single gradients.json file in the root.

ant-design-pro - 👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!

  •    Javascript

An out-of-box UI solution for enterprise applications as a React boilerplate. More instructions at documentation.

Blotter - A JavaScript API for drawing unconventional text effects on the web.

  •    Javascript

A JavaScript API for drawing unconventional text effects on the web. When applying effects to text on the web, designers have traditionally been constrained to those provided by CSS. In the majority of cases this is entirely suitable – text is text right? Yet still, there exist numerous examples of designers combining CSS properties or gifs and images to create effects that evoke something more playful. Precisely here, Blotter exists to provide an alternative.

animateplus - A+ animation module for the modern web

  •    Javascript

Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility. It aims to deliver a steady 60 FPS and weighs less than 3 KB (minified and compressed), making it particularly well-suited for mobile. Determines the DOM elements to animate. You can either pass it a CSS selector or DOM elements.

ant-design-vue - An enterprise-class UI components based on Ant Design and Vue. 🐜

  •    Vue

An 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.

theo - Theo is a an abstraction for transforming and formatting Design Tokens

  •    Javascript

Theo is an abstraction for transforming and formatting Design Tokens. As of Theo v6, the gulp plugin is distributed as a separate package: gulp-theo.

react-native-style-tachyons - Better styling for React Native

  •    Javascript

React Native Style Tachyons brings functional styling to react-native. It is inspired by Tachyons and uses it's scales and naming convention. More about the advantages of this approach. Of course you can use your old styles along tachyons' classes.