CRED는 최근 NeoPOP 디자인 시스템을 오픈소스화했습니다.

NeoPOP은 네오팝 운동의 철학과 미학적 원리에서 영감을 얻었습니다. 이는 기존의 환경을 넘어선 예술의 발전에 변혁적인 역할을 한 것입니다.

CRED는 더 큰 커뮤니티의 이익을 위해 작업과 학습을 공유하는 것을 믿습니다.

예술은 모두의 것이기 때문입니다.

NeoPOP 디자인 시스템에는 ScoreMeter, Checkbox, ElevatedCard, & Button 등과 같은 섹시한 구성 요소가 엄청나게 많이 포함되어 있습니다.

섹시한 NeoPOP 버튼을 확인하세요



이거 너무 섹시하지 않나요?

기반

Colors

Typography

Layouts & Spacing

Miscellaneous

구성 요소 목록

Bottomsheet

Button

Checkbox

ElevatedCard

Header

InputField

Radio

ScoreMeter

SearchBar

Slider

Tags

Toasts

Toggle

CRED-CLUB / 네오팝 웹

CRED의 디자인 시스템을 기반으로 한 NeoPOP 컴포넌트 라이브러리

네오팝

NeoPOP은 웹 앱에서 NeoPOP 구성 요소를 사용하기 위한 CRED의 내장 라이브러리입니다.





Playground/Docs »

네오팝이란?

NeoPOP은 다음 세대의 아름답고 보다 긍정적인 디자인 시스템을 창조한다는 하나의 단순한 목표로 만들어졌습니다. neopop은 CRED의 디자인이 의미하는 모든 것에 충실합니다.

이 라이브러리의 기능은 무엇입니까?

사용하기 쉽고 NeoPOP 디자인 시스템을 기반으로 아름답게 디자인된 React 구성 요소입니다.

사용자 지정 구성을 허용하는 유연하고 구성 가능한 구성 요소입니다.

일반적으로 사용되는 유틸리티 메서드 및 함수입니다.

유연하고 고도로 최적화된 애니메이션.

note: currently the components in this library are optimized for mobile views, we will soon release support for desktop views.

설치하는 방법?

NeoPOP 라이브러리를 사용하려면 @cred/neopop-web 패키지와 해당 피어 종속성을 설치하기만 하면 됩니다.

yarn add @cred/neopop-web react react-dom styled-components
# or

npm i @cred/neopop-web react react-dom styled-components

사용하는 방법?

라이브러리 사용을 시작하려면…

View on GitHub

동화책 놀이터: https://playground.cred.club
참조: https://cred.club/neopop