Harp is a static web server that also serves Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript as HTML, CSS, and JavaScript without any configuration. It supports the beloved layout/partial paradigm and it has flexible metadata and global objects for traversing the file system and injecting custom data into templates. Optionally, Harp can also compile your project down to static assets for hosting behind any valid HTTP server. Pre-compilers are becoming extremely powerful and shipping front-ends as static assets has many upsides. It's simple, it's easy to maintain, it's low risk, easy to scale, and requires low cognitive overhead. I wanted a lightweight web server that was powerful enough for me to abandon web frameworks for dead simple front-end publishing.
static-web-server static-site-generator sass less stylus markdown jade ejs coffeescriptJeet is a simple fractional grid system for Sass and Stylus. Learn the API in minutes and begin tossing together grids.
grid stylus sass scssMadge is a developer tool for generating a visual graph of your module dependencies, finding circular dependencies, and give you other useful info. Joel Kemp's awesome dependency-tree is used for extracting the dependency tree. Read the changelog for latest changes.
graphviz graph amd commonjs es6 sass stylus less dependencies madge es7 requirejs require module circular dependencyCSS the way it was imagined. Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It's like a CSS polyfill.
preprocessor pre-processor postprocessor post-processor rework css pure autoprefixer postcss sass less stylus style gradients variables media-queries calc prefixesOpen color is an open-source color scheme optimized for UI like font, background, border, etc. Import the file to your project and use the variables.
color color-scheme scss adobe-library swatches stylus colorscheme color-swatches less cssCssGitHubWindows is a user style which transforms GitHub's pages into a GUI resembling Windows 9x. All modern browsers should be supported. NOTE: the style is in alpha development stage. Only some parts of the website have been fully transformed.
github microsoft stylus stylish theme css windows-95 windows-98 user-stylesA css sprite generator. Generates sprites and proper css files out of a directory of images.
sprites sprite coordinates css scss less sass stylus gulpfriendly gruntpluginIt 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 gulpfriendlyInclude bttn.min.css in head of your html file and start using bttn CSS classes in your button. ℹ️ Build process uses yarn, you can also use npm instead.
stylus css button ui-design frontend library interaction-design project transition animationThe classless CSS reset (perfect for Communists). Marx is a CSS stylesheet to be used in any projects (namely small ones). If you don't need the weight of heavy frameworks or you would just like to make an edible website quickly, Marx is perfect for you. It can be used out of the minified box but it can also be customised and styled through the use of HTML classes.
marx css html bower gh-pages karl mblode matthew-blode matt blode layout framework sass scss stylus web frontend bootstrap pure markdown format classlessStylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style. You can also try all stylus features on stylus-lang.com, build something with stylus on codepen or integrate stylus with gulp using gulp-stylus or gulp-accord.
stylus css preprocessor parser style stylesheets jade languageTheo is an abstraction for transforming and formatting Design Tokens. As of Theo v6, the gulp plugin is distributed as a separate package: gulp-theo.
design-systems design-tokens css design properties tokens sass scss stylus less ios android auraA Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, CoffeeScript, TypeScript, Pug and much more. Svelte's own parser understands only JavaScript, CSS and its HTML-like syntax. To make it possible to write components in other languages, such as TypeScript or SCSS, Svelte provides the preprocess API, which allows to easily transform the content of your markup and your style/script tags.
svelte preprocess hacktoberfest sapper less stylus sass scss pug coffeescriptMilligram is a minimalist CSS framework and it provides a minimal setup of styles for a fast and clean starting point. It is specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.
milligram css html framework css-framework design minimalist flexbox amp bootstrap css3 front-end html5 kickstarter less responsive mobile mobile-first postcss sass scss stylusThis project exists thanks to all the people who contribute. [Contribute]. Note 1: Paths in the ngPackage section are resolved relative to the location of the package.json file. In the above example, public_api.ts is the entry file to the library's sources and must be placed next to package.json (a sibling in the same folder).
css html less angular typescript stylus scss angular-cli component-library hacktoberfest angular-library angular-package-format apf angular-componentsIf you are looking for a replacement and are using kss or styledocco see below. Universal CSS styleguide generator for grunt. Easily integrate Styledocco or KSS styleguide generation into your development workflow.
gruntplugin scss sass css less stylus preprocessor styleguidePigments will scan source files in your project directories looking for colors and will build a palette with all of them. Then for each opened file, it will use the palette to evaluate the value of a given color. The legible source paths can be defined through various settings either at the global or per project level. By default colors in every file will be highlighted, to limit the display of colors to the desired filetype only please see the Defining Where Pigments Applies below. Pigments supports out of the box most of the color transformations functions and expressions of the three biggest CSS pre-processors out there, namely LESS, Sass and Stylus. However, it doesn't mean pigments is able to parse and understand all of these languages constructs. For the moment, Pigments' aim is to support the widest range of usage, even if it implies reducing its ability to parse certain complex constructs. You can refer to the parser specs for an exhaustive list of the supported expressions.
colors palette less sass scss css stylusA forward-thinking, lightweight, CSS microframework. Minimal by design. 2.47kB gzipped.
furtive css framework microframework scss stylusThis 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 mustacheWenk is a Lightweight tooltip available in pure CSS, cssnext using PostCSS, Less or SCSS. Simply add the data-wenk attribute to your HTML with the text you want to display.
tooltip wenk css less scss stylus pure-css lightweight hint
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.