• This repository has been archived on 12/Nov/2017
  • Stars
    star
    583
  • Rank 76,663 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 9 years ago
  • Updated almost 8 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Advanced & Dynamic Component Styling for React and React Native. Ships with powerful Plugins, Mixins and Developer Tools. (Deprecated: use Fela)

Deprecated! Use Fela and react-fela. Look reached 1.0.0 just recently, but yet I am already no longer able to fully maintain it myself (If you want to help maintain it, be sure to contact me!). I would really like to say thank you for all PRs, Issues and Help during the last year.
With all the gained experience I was able to create a whole new library named Fela. I recommend using Fela for new projects as it is capable of everything Look does except doing it much simpler and faster.

Advanced & Dynamic Component Styling for React and React Native.
Gitter TravisCI Test Coverage Code Climate

Packages

Wondering where all the content was going to? Look was restructured into single packages as support for React Native was added. Having single packages and some common files that are shared by both helps to keep the code & documentation clean while still having the ability to manage issues/feature requests for both packages in a single repository.

react-look

This package targets react-dom. Working with the web this is the package you need to use. It supports both client-side and server-side rendering. It uses CSS under the hood which allows us to use pseudo classes and media queries by default.

react-look-test-utils

This package contains several test utilities for react-look.

react-look-native

This package targets react-native. With no CSS support this package uses a different way to achieve the benefits of dynamic Component styling.

Universal API

While the core modules and styling mechanism of both packages are totally different, we still try to achieve an universal API. Both use the exact same API except for the package-names.

If you've already learned to use one, you can use the other one without additional effort.

Support

If you have any questions, feel free to ask them on Gitter, Stack Overflow or Twitter. I will not answer usage questions as issues but close them directly.

More Repositories

1

fela

State-Driven Styling in JavaScript
JavaScript
2,273
star
2

inline-style-prefixer

Autoprefixer for JavaScript style objects
JavaScript
393
star
3

react-layout-components

Layout Components for React based on Flexbox
JavaScript
337
star
4

react-controlled-form

React Forms with Zod Validation
TypeScript
118
star
5

react-css-component

Injecting CSS via React Components
JavaScript
94
star
6

alveron

Tiny (0.8kb) Elm-inspired state management for React
JavaScript
74
star
7

css-in-js-utils

Useful utility functions for CSS in JS solutions
TypeScript
74
star
8

bredon

A modern CSS value compiler in JavaScript
JavaScript
40
star
9

elodin

The Elodin Styling Language
JavaScript
30
star
10

fast-loops

Tiny (0.6kb), performant & immutable iteration utilities for arrays and objects
JavaScript
25
star
11

kilvin

Primitive React Layout Components using Fela
JavaScript
22
star
12

alveron-old

Opinionated Elm-inspired Redux Component Architecture for React
JavaScript
17
star
13

inline-style-prefix-all

Static Autoprefixer for inline styles
JavaScript
16
star
14

elodin-old

Quality and Optimisation tools for CSS in JavaScript
JavaScript
16
star
15

inline-style-expand-shorthand

Expanding shorthand properties in JavaScript style objects
JavaScript
13
star
16

brandeur

Convenience tool belt for css-hooks
JavaScript
12
star
17

small-color

Tiny (0.8kb), opinionated & tree-shakable alternative to color
JavaScript
7
star
18

small-date

Tiny (0.8kb) date formatting library with built-in i18n
JavaScript
6
star
19

tehlu

Component System for React and Brandeur
JavaScript
5
star
20

Calculate.js

Calculate.js is kind of an extension to the JavaScript build-in Math-Library.
JavaScript
5
star
21

ambrose

Configurable Design System Skeleton for React
JavaScript
5
star
22

react-markdown-github-renderers

react-markdown renderers for GitHub-like appearance
JavaScript
5
star
23

pogolookup

Ads-free, Privacy-first Pokemon Go Data Lookup & Analysis Fanpage
JavaScript
5
star
24

inline-style-transformer

Transformation tools for inline styles
JavaScript
5
star
25

lorren

A PDF Framework for React based on react-pdf
JavaScript
4
star
26

radium-plugin-prefix-all

Radium plugin that adds all vendor prefixes
JavaScript
4
star
27

react-create-keyframe

Helper to create and render keyframes on-demand in React
TypeScript
3
star
28

Obscene-UI

[Sass] Obscene UI is a responsive, mobile-friendly UI-Template to build stable and beautiful app themes
CSS
3
star
29

assign-styles

ES6 Object.assign() polyfill especially for inline-styles respecting !important notation
JavaScript
3
star
30

radium-plugin-linter

[devTool] Radium plugin that enables style linting with inline-style-linter
JavaScript
2
star
31

read-transform-write

Transform files with ease
JavaScript
2
star
32

doc-badges

Useful badges for Code & API documentation
2
star
33

theme-centric-component-design

Example for theme-centric component design
JavaScript
2
star
34

tokenize-sync

Simple synchronous string tokenizer using Regex
JavaScript
1
star
35

react-onegraph

React Bindings for OneGraph's Authentication Client
JavaScript
1
star
36

unitless-css-property

Helper to check for unitless CSS property names
JavaScript
1
star
37

rofrischmann

My personal portfolio webpage
HTML
1
star
38

speaking

Speaker resources and talk slides
JavaScript
1
star
39

flow-semantic-versioning

Enforced Semantic Versioning for Flow
JavaScript
1
star