114 best open source styles 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 114 results

isomorphic-style-loader - CSS style loader for Webpack that is optimized for isomorphic (universal) web apps

Javascript

CSS style loader for Webpack that works similarly to style-loader, but is optimized for critical path CSS rendering and also works great in the context of isomorphic apps. It provides two helper methods on to the styles object - ._insertCss() (injects CSS into the DOM) and ._getCss() (returns a CSS string).Note: Configuration is the same for both client-side and server-side bundles. For more information visit https://webpack.js.org/configuration/module/.

webpack webpack-loader loader css scss style styles style-loader react reactjs isomorphic universal critical-css critical-path-css

react-with-styles - Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation

Javascript

Use CSS-in-JavaScript for your React components without being tightly coupled to one implementation (e.g. Aphrodite, Radium, or React Native). Easily access shared theme information (e.g. colors, fonts) when defining your styles.Create a module that exports an object with shared theme information like colors.

react css css-in-js styles aphrodite radium inline native

chalk-animation - :clapper: Colorful animations in terminal output

Javascript

You can stop and resume an animation with stop() and start().When created, the instance of chalkAnimation starts automatically.

nodejs npm-package chalk animation terminal console color cli colors colour command-line formatting gradient log logging rainbow shell string style styles

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

postcss-font-magician - Magically generate all the @font-face rules

Javascript

Font Magician is a PostCSS plugin that magically generates all of your @font-face rules. Never write a @font-face rule again. Just use the font and font-family properties as if they were magic.

postcss css postcss-plugin fonts faces generate generation weights styles variants typography type

emotion - style as a function of state

Javascript

Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production. Get up and running with a single import.

css-in-js babel-plugin react reactjs css emotion styles

object-fit-images - 🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari,

Javascript

🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ... To generate the font-family automatically, you can use the PostCSS plugin or the SCSS/SASS/Less mixins.

polyfill css js edge ie images object-fit covers contains styles internet explorer ies shim shiv fills srcset backgrounds

colorette - Node.js library for colorizing text using ANSI escape sequences

Javascript

Colorette is a Node.js library for colorizing text using ANSI escape sequences. Import the style functions you want to use.

terminal colorette styles colors ansi color

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

react-native-typography - Pixel–perfect, native–looking typographic styles for React Native ✒️

Javascript

Pixel–perfect, native–looking typographic styles for React Native. Creating great Text Styles in React Native is not a simple task, it requires a lot of fiddling and handling edge cases.

react react-native typography typography-themes ios android style styles typeface font

object-fit-images - 🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari,

Javascript

🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ... To generate the font-family automatically, you can use the PostCSS plugin or the SCSS/SASS/Less mixins.

polyfill css js edge ie images backgrounds contains covers explorer fills ies internet object-fit shim shiv srcset styles

paris - Define and apply styles to Android views programmatically

Kotlin

Paris lets you define and apply styles programmatically to Android views, including custom attributes. To use Paris in a library module see Library Modules.

android android-ui styles design-systems kotlin

mdcss - Easily create and maintain style guides using CSS comments

Javascript

mdcss lets you easily create and maintain style guides with CSS comments using Markdown.

postcss css postcss-plugin styles styleguides documentation docs notes texts markdown mds examples colors markups sections

css-to-react-native - Convert CSS text to a React Native stylesheet object

Javascript

Converts CSS text to a React Native stylesheet object. Converts all number-like values to numbers, and string-like to strings.

styled-components react reactnative styles css

learn-tachyons - :heart_eyes: Learn how to use Tachyons to craft beautiful, responsive, functional and fast UI with minimal CSS!

HTML

Learn how to use Tachyons to craft beautiful, 100% responsive, functional and fast User Interface/Experience (UI/UX) with minimal CSS in much less time. The User Interface (UI) or User Experience (UX) is the part of your application that the people ("end users") see and interact with. Ensuring that the UI/UX is the best it can be, is easily the top priority for our Web/Mobile projects.

mobile-first beautiful functional fast css style styles learn beginner tutorial how-to

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

WPF : Styling a Combobox, Button and a TabItem

WPF Styles project shows how to create styles for Combobox, Tabltem and Button. Ready to use styles. Can be modified. Created in VB.net(loading the style file).

button button-style combobox combobox-style combobox-template styles tab-item

SGB Controls

SGB Controls is a set of standard .net controls that include a number of enhancements to make life easier for the developer. These controls include a number of enhancements over the standard controls and introduce a number of new controls not yet shipped with the .net framk...

button-style controls library listbox styles textbox

styled-components-theme - Defines themes via flexible color selectors for use with styled-components

Javascript

styled-components-theme generates selectors for colors in your styled-components theme that allows color manipulation, using the color library via calls on the selectors themselves. A selector, in this context, is defined as a function that looks like (props) => props.theme.myColor that the styled-components library accepts as a template variable.