분류 javascript

JavaScript에서 CSS를 생성하는 도구(CSS in JS)

컨텐츠 정보

  • 조회 800 (작성일 )

본문

Styled Components : 컴포넌트 나이를위한 비주얼 프리미티브. 최고의 비트로 제공되는 ES6 및 CSS를 사용하여 스트레스없이 앱 스타일 지정  https://styled-components.com/

CSS Modules : CSS 모듈에 관한 문서 https://github.com/css-modules/css-modules

Radium : React 구성 요소 스타일링을위한 툴체인.  http://formidable.com/open-source/radium/

Emotion : 상태의 함수로서의 스타일  https://emotion.sh/

Aphrodite : 서버 측 렌더링, 브라우저 접두어 및 최소 CSS 생성을 지원하는 Framework-Agnostic CSS-in-JS  https://github.com/Khan/aphrodite

Polished : JavaScript에서 스타일을 작성하기위한 가벼운 툴 세트  https://polished.js.org/

JSS : 자바 스크립트를 호스트 언어로 사용하는 CSS 용 저작 도구입니다.  http://cssinjs.org/

Glamorous : 반응이 있는 유지 관리 가능한 CSS  https://glamorous.rocks/

Styled JSX : 타협없이 JSX를위한 완벽한 CSS 지원  https://github.com/zeit/styled-jsx

Glamor : 반응 등을 위한 인라인 CSS   https://github.com/threepointone/glamor

styletron : 컴포넌트 지향 스타일링을 위한 툴킷  http://styletron.js.org/

TypeStyle : CSS 유형 안전 만들기  https://typestyle.github.io/

Typography.js : 아름다운 디자인으로 웹 사이트를 구축 할 수 있는 강력한 툴킷  http://kyleamathews.github.io/typography.js/

ReactCSS : JS의 인라인 스타일  http://reactcss.com/

Fela : JavaScript의 상태 기반 스타일링  http://fela.js.org/

Linaria : JS 라이브러리의 Zero-runtime CSS  https://linaria.now.sh/

react-with-styles : 하나의 구현에 단단히 결합하지 않고 Reaction을위한 CSSase-in-JavaScript를 사용하십시오.  https://github.com/airbnb/react-with-styles

cssx : JavaScript의 CSS   http://krasimir.github.io/cssx/

cssobj : 런타임 CSS 관리자, CSS를 동적 JS 모듈로 변환, CSSOM의 스타일 시트 CRUD (작성, 읽기, 업데이트, 삭제), 이름 공간 (로컬) 클래스 이름  https://cssobj.github.io/cssobj-demo/

nano-component : 1kb 이하의 빠르고 간단한 반응 구성 요소 스타일 http://jxnblk.com/nano-component/