놀라운 CSS 프레임워크의 세계

반응형

2018년 2월에 저는 Dev.to 에 가입했고 놀라운 Awesome CSS Frameworks를 발견했습니다. 나는 부스트랩을 제외한 모든 세상을 사랑했다.

저는 repo와 저만의 광범위한 목록을 작성했고, 제 스타일로 제가 만나고 싶은 새로운 CSS Framework를 쉽게 검색할 수 있도록 구성했습니다.

그렇게 해서 가보의 어메이징 CSS 프레임워크와 UI 라이브러리가 탄생했습니다.

4년 동안 이 보고서를 유지한 후 공유하고자 하는 몇 가지 정보가 웹에 관심을 가질 수 있습니다.

 

CSS 프레임워크/프레임워크가 필요한 경우

다음 TOP 5는 협력하기에 매우 적합한 후보입니다.

• 부트스트랩 - 155K
• 뒷바람 CSS - 51K
• 불마 - 45K
• 구체화 - 39K
• 기초 - 29K

리액트에 빠져 있는 경우

그렇다면 TOP 5 입술은 다음과 같습니다.

 

• 개미 설계 - 77K
• 재료-UI - 74K
• Chakra UI - 23K
• 가상화 대응 - 23K
• 리액트 부트스트랩 - 20K (오 그래!) 부트스트랩도 TOP 5입니다.)

최근 업데이트가 없는 Super Star 저장소

최근 업데이트되지 않은 스타들의 관심:

• 시맨틱 UI - 50K - 마지막 업데이트: 2018년 10월
• normal.css - 46K - 마지막 업데이트: 2018년 11월
• 재료 설계 라이트 - 32K - 마지막 업데이트: 2017년 6월
• 스켈레톤 - 18K - 마지막 업데이트: 2014년 12월 (와! 2014년 이후!)

기준/재설정이 필요하십니까?

 

normal.css 46K를 무시하면(최근 업데이트가 없기 때문에), 다음을 수행할 수 있습니다.

• 순수 - 22K
• 신발끈.css - 6K
• 검사.css - 4.7K

가벼운 거 필요하시면 어떡하죠?

이 경우에 추천할 수 있는 건 다음과 같습니다.

• Spectre.css - 11K - ~10KB 지퍼
• 밀리그램 - 9.6K - 2kb 지퍼!
• Water.css - 6.7K - 3.27kb
• BassCSS - 5.7K - 2.13KB

 

HTML 이메일을 생성하시겠습니까?

문제 없어요. 귀사를 위한 프레임워크도 있습니다.

• MJML - 13K
• 전자 메일의 기초 2 - 이전 잉크 - 7.6K

독특하고 특별한 디자인이 필요하다면

다음과 같은 특별한 프레임워크를 사용할 수 있습니다.

 

• NES.css - 18K - NES 스타일(8비트 유사)과 같은 웹
• 98.css - 6.3K - 이전 Windows처럼
• Doodle CSS - 631 - 간단한 수작업 테마

대기업 출신

마지막으로, 디자인 시스템 시대에 유명한 회사의 제품을 보여드리겠습니다.

• Microsoft에서 제공하는 유창 UI - 13K
• 상록수 - 세그먼트별 11K
• 프라이머 - 11K by GitHub
• Clarity Design 시스템 - 6.4K by VMware
• 탄소 설계 시스템 - 5.1K by IBM

볼만한 저장소가 많죠?
그리고 이것들은 단지 몇 개입니다. 내 목록에서 많은 CSS 프레임워크와 UI 라이브러리를 확인할 수 있습니다.

 

내가 하나 놓쳤나? 제가 고칠 수 있게 댓글 달아주세요.

Maik Jonietz의 언플래시 커버 사진