주요 CSS 프레임워크 - 예쁜 웹디자인, 프론트엔드 템플릿 찾기

CSS 프레임워크를 사용하면 예쁘고 멋진 웹 디자인 템플릿을 쉽게 사용할 수 있다. 아래는 주요 프레임워크들이며, 세부적인 디자인들을 찾아서 자신의 웹사이트에 사용하면 좋을 것이다.

 

대부분의 프레임워크 웹사이트에 Documentation(또는 Docs. :설명서)에 프레임워크의 요소들(Components)에 대한 설명이 나와있다. 요소들의 디자인을 보면서 자신이 필요한 프레임워크를 고를 수 있다. 또는 프레임워크를 사용한 웹사이트 예제가 있다면 한 번 들어가 보는 것도 좋다.

 

 

부트스트랩: https://getbootstrap.com/

Bootstrap

 

파운데이션: https://get.foundation/

The most advanced responsive front-end framework in the world. | Foundation

 

테일윈드: https://tailwindcss.com/

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

 

머티리얼라이즈: https://materializecss.com/

Documentation - Materialize

 

머티리얼 디자인 라이트: https://getmdl.io/

Material Design Lite

 

부르마: https://bulma.io/

Bulma: Free, open source, and modern CSS framework based on Flexbox

 

스켈레톤: http://getskeleton.com/

Skeleton: Responsive CSS Boilerplate

 

시맨틱 UI: https://semantic-ui.com/

Semantic UI

 

퓨어: https://purecss.io/

Pure

 

UI 키트: https://getuikit.com/

UIkit

 

밀리그램: https://milligram.io/

Milligram - A minimalist CSS framework

 

수지: https://www.oddbird.net/susy/

Susy

 

프라이머: https://primer.style/

Primer Design System

 

스펙터: https://picturepan2.github.io/spectre/

Spectre.css CSS Framework

 

 

타키온: https://tachyons.io/

TACHYONS - Css Toolkit