Skip to content

Commit

Permalink
docs
Browse files Browse the repository at this point in the history
  • Loading branch information
kof committed Apr 29, 2017
1 parent 68c0143 commit 52a809f
Show file tree
Hide file tree
Showing 3 changed files with 26 additions and 18 deletions.
2 changes: 1 addition & 1 deletion docs/abstractions.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,4 @@ JSS core library is a rendering engine. We aim to make it small, fast and unopin
It is often too low level for applications.
Thats why there is a bunch of higher level libraries on top of it, which provide more opinionated sugar APIs and framework integrations.

[See all projects](./external-projects.md)
[See all projects](./projects.md)
24 changes: 13 additions & 11 deletions docs/external-projects.md → docs/projects.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,18 @@
# Projects created by community based on JSS
# All projects using JSS

## Abstractions on top of JSS
## Integrations

[React-JSS](https://github.com/cssinjs/react-jss) integration for React.
[React-JSS](https://github.com/cssinjs/react-jss) - HOC interface for React.

[Theme Reactor](https://github.com/nathanmarks/jss-theme-reactor) Experimental react integration with theming capabilities.
[Styled-JSS](https://github.com/cssinjs/styled-jss) - styled components interface for React.

[Aphrodite-JSS](https://github.com/cssinjs/aphrodite-jss) provides Aphrodite like api on top of JSS.
[Aphrodite-JSS](https://github.com/cssinjs/aphrodite-jss) - aphrodite like API.

[CSSX](https://github.com/krasimir/cssx) CSS syntax which can use JSS for rendering.
[Theme Reactor](https://github.com/nathanmarks/jss-theme-reactor) - experimental React integration with theming.

[Aesthetic](https://github.com/milesj/aesthetic/tree/master/packages/aesthetic) - a React style abstraction layer with theme support.

[Aesthetic](https://github.com/milesj/aesthetic/tree/master/packages/aesthetic) A React style abstraction layer with theme support.
[CSSX](https://github.com/krasimir/cssx) CSS syntax which can use JSS for rendering.

## Examples

Expand Down Expand Up @@ -38,14 +40,14 @@

[PreJSS](https://github.com/axept/prejss) Fast, scoped, component-friendly and fully customizable PostCSS-to-JSS adapter which allows to use plain CSS, PostCSS, SCSS, CSS Modules, Stylus and LESS styles as JSS objects "on-the-fly" through using Tagged Template Strings.

## JSS Helpers
## Style helpers

[normalize-jss](https://github.com/typical000/normalize-jss]) JSS port of normalize.css
[normalize-jss](https://github.com/cssinjs/normalize-jss]) JSS port of normalize.css

[perdido](https://github.com/wldcordeiro/perdido) JSS fractional grid system built with calc(), based on Lost PostCSS grid. Supports masonry, vertical, and waffle grids.


## Build tools integrations
## Build tools

[babel-plugin-jss-simple](https://github.com/ashaffer/babel-plugin-jss-simple) Add filename keys to your jss-simple declarations to help with hot reloading.

Expand All @@ -55,7 +57,7 @@

[jss-loader](https://github.com/markdalgleish/jss-loader) Webpack loader - use JavaScript as your CSS preprocessor!

[JSS-Sheet-Loader](https://github.com/wellguimaraes/jss-sheet-loader) Webpack loader for JSS to simplify styles creation and usage.
[jss-sheet-Loader](https://github.com/wellguimaraes/jss-sheet-loader) Webpack loader for JSS to simplify styles creation and usage.

[gulp-jss](https://github.com/gooy/gulp-jss) Gulp plugin

Expand Down
18 changes: 12 additions & 6 deletions readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,18 @@

[JSS is a better abstraction](https://medium.com/@oleg008/jss-is-css-d7d41400b635) over CSS. It uses JavaScript as a language to describe styles in a declarative and maintainable way. It is a [high performance](https://github.com/cssinjs/jss/blob/master/docs/performance.md) JS to CSS compiler which works at runtime and server-side. You can use it with [React](https://github.com/cssinjs/react-jss) or with any other library. It is about 5KB (minfied and gzipped) and is extensible via [plugins](./docs/plugins.md) API.

## Libraries on top of JSS
## Integrations

- [React-JSS](https://github.com/cssinjs/react-jss) integration for React.
- [Theme Reactor](https://github.com/nathanmarks/jss-theme-reactor) Experimental React integration with theming.
- [Aphrodite-JSS](https://github.com/cssinjs/aphrodite-jss) provides Aphrodite like api on top of JSS.
- [Aesthetic](https://github.com/milesj/aesthetic/tree/master/packages/aesthetic) A React style abstraction layer with theme support.
### Official

- [React-JSS](https://github.com/cssinjs/react-jss) - HOC interface for React.
- [Styled-JSS](https://github.com/cssinjs/styled-jss) - styled components interface for React.
- [Aphrodite-JSS](https://github.com/cssinjs/aphrodite-jss) - aphrodite like API.

### External

- [Theme Reactor](https://github.com/nathanmarks/jss-theme-reactor) - experimental React integration with theming.
- [Aesthetic](https://github.com/milesj/aesthetic/tree/master/packages/aesthetic) - a React style abstraction layer with theme support.

## TOC

Expand All @@ -25,7 +31,7 @@
1. [Performance](./docs/performance.md)
1. [Plugins API](./docs/plugins.md)
1. [Official plugins](https://github.com/cssinjs?q=plugin)
1. [External projects](./docs/external-projects.md)
1. [All related projects](./docs/projects.md)
1. [CLI Converter](https://github.com/cssinjs/cli)
1. [Contributing](./contributing.md)

Expand Down

0 comments on commit 52a809f

Please sign in to comment.