105 best open source stylesheet projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 105 results

github-markdown-css - The minimal amount of CSS to replicate the GitHub Markdown style

HTML

Import the github-markdown.css file and add a markdown-body class to the container of your rendered Markdown and set a width for it. GitHub uses 980px width and 45px padding, and 15px padding for mobile.See generate-github-markdown-css for how it's generated and ability to generate your own.

browser github markdown md css style stylesheet

nui - Style iOS apps with a stylesheet, similar to CSS

Objective-C

NUI is a drop-in UI kit for iOS that lets you style UI elements using a stylesheet, similar to CSS. It lets you style an entire app in minutes. Some exciting features are on the horizon, and contributions are very encouraged. Please see the FAQ.

ios ui-kit ui stylesheet stylesheets

grunt-contrib-cssmin - Compress CSS files.

Javascript

Issues with the output should be reported on the clean-css issue tracker. Run this task with the grunt cssmin command.

gruntplugin cssmin css style styles stylesheet minify compress

stylestats - StyleStats is a library to collect CSS statistics.

StyleStats works on Node.js >=6.x. Specified css file will be analyzed.

stylestats css stylesheet performance property

svg-sprite - SVG sprites & stacks galore — A low-level Node

Javascript

It comes with a set of Mustache templates for creating stylesheets in good ol' CSS or one of the major pre-processor formats (Sass, Less and Stylus). Tweaking the templates or even adding your own custom output format is really easy, just as switching on the generation of an HTML example document along with your sprite. For an up-to-date list of browsers supporting SVG in general respectively SVG fragment identifiers in particular (required for <defs> and <symbol> sprites as well as SVG stacks) please refer to caniuse.com.

icon icons svg png sprite spritesheet stack generator css sass less stylus stylesheet inline html vector rwd retina mustache gulpfriendly

less.js - Less. The dynamic stylesheet language.

Javascript

The dynamic stylesheet language. http://lesscss.org. This is the JavaScript, official, stable version of Less.

compile-less css-nesting css-variable css gradients-css gradients-css3 less-compiler less-css less-mixins less less.js lesscss mixins nested-css parser preprocessor bootstrap-css bootstrap-less style styles stylesheet variables-in-css css-less

Motif - Lightweight and customizable stylesheets for iOS

Objective-C

You have an app. Maybe even a family of apps. You know about CSS, and how it enables web developers to write a set of declarative classes to style elements throughout their site, creating composable interface definitions that are entirely divorced from page content. You'll admit that you're a little jealous that things aren't quite the same on iOS. To style your app today, maybe you have a MyAppStyle singleton that vends styled interface components that's a dependency of nearly every view controller in your app. Maybe you use Apple's UIAppearance APIs, but you're limited to a frustratingly small subset of the appearance APIs. Maybe you've started to subclass some UIKit classes just to set a few defaults to create some styled components. You know this sucks, but there just isn't a better way to do things in iOS.

stylesheet stylesheets theme style

css - CSS parser / stringifier for Node.js

CSS parser / stringifier. Accepts a CSS string and returns an AST object.

css parser stringifier stylesheet

react-jss - JSS integration for React.

Javascript

React-JSS provides components for JSS as a layer of abstraction. JSS and the default preset are already built in! Try it out in the playground. React-JSS wraps your component with a higher-order component. It injects a classes prop, which is a simple map of rule names and generated class names. It can act both as a simple wrapping function and as an ES7 decorator.

react jss cssinjs css-in-js style css stylesheet hoc decorator

parker - Stylesheet analysis tool.

Javascript

Parker is a stylesheet analysis tool. It runs metrics on your stylesheets and will report on their complexity. Documentation can be found in markdown format the docs folder.

css stylesheet analysis

gulp-autoprefixer - Prefix CSS

Javascript

Issues with the output should be reported on the Autoprefixer issue tracker.Improve your JavaScript skills with this awesome ES6 course by Wes Bos. Try his free JavaScript 30 course for a taste of what to expect. You might also like his React & Sublime course.

gulpplugin autoprefixer postcss css prefix prefixes stylesheet preprocess postcss-runner

sus - simple data-uri stylesheet generator

Javascript

SUS parses your css source and generates two new CSS sources from it – a base source and a sprites source.The base source has all your original styles minus all background image defintions.

stylesheet

CSSOM - CSS Object Model implemented in pure JavaScript. It's also a parser!

Javascript

CSSOM.js is a CSS parser written in pure JavaScript. It also a partial implementation of CSS Object Model. Works well in Google Chrome 6+, Safari 5+, Firefox 3.6+, Opera 10.63+. Doesn't work in IE < 9 because of unsupported getters/setters.

css-parser cssom dom css parser stylesheet

IDASkins - Advanced skinning plugin for IDA Pro

Python

Plugin providing advanced skinning support for IDA Pro utilizing Qt stylesheets, similar to CSS. The screenshot above shows the "IDASkins Dark" theme in combination with the idaConsonance theme.

ida theme skin plugin stylesheet

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.

react-native stylesheet responsive typography android ios react css-modules css style mobile performance design

gulp-svg-sprite - SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours

Javascript

This document covers only gulp specific installation and configuration aspects. For a full list of features and options, please see the svg-sprite manual. NOTICE: By default, svg-sprite doesn't send any files downstream unless you configure it. There are tons of options available — please see below for some basic examples. Also, you should possibly take care of errors that might occur.

gulpplugin icon icons svg png sprite spritesheet stack generator css sass less stylus stylesheet inline html vector rwd retina mustache

analyze-css - CSS selectors complexity and performance analyzer

Javascript

CSS selectors complexity and performance analyzer. analyze-css is built as a set of rules bound to events fired by CSS parser. Each rule can generate metrics and add "offenders" with more detailed information (see Usage section for an example). This will emit JSON formatted results on stdout. Use --pretty (or -p shortcut) option to make the output readable for human beings.

css-source css-selectors-complexity css metrics webperf webperformance phantomas analysis complexity stylesheet

react-inline - Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e

Javascript

Note: Thanks to the new possibilities of Babel v6+, there's also my babel-plugin-css-in-js project, which works exactly the same but doesn't require a separate CLI/API. If you're using Babel for code transpilation, just put babel-plugin-css-in-js in your build pipeline. Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e.g. the className prop of React elements.

react style styles stylesheet inline bundle extract css

BizTalk Map Documenter

The BizTalk Map Documenter stylesheet transforms a BizTalk map into an HTML page that is much more "friendly" format to share with non-developers who need to understand the transformations (e.g. testers) and who may not have access to Visual Studio.

biztalk documenter map stylesheet