spectre.css

css-framework responsive layout

Spectre.css는 가벼우면서도 반응형이며 현대적인 디자인을 지향하는 CSS 프레임워크입니다. 이 프레임워크는 기본 HTML 요소의 스타일링, 유용한 컴포넌트 및 효율적인 레이아웃 옵션을 제공하여 웹 개발자가 보다 빠르고 쉽게 웹 페이지를 디자인할 수 있도록 돕습니다.

Latest Ver 0.5.9
Homepage
Github
0
11,342
📢 Spectre.css는 모던 디자인을 지향하는 가벼운 CSS 프레임워크입니다.
License: MIT
https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre-exp.css
https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre-exp.min.css
https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre-icons.css
https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre-icons.min.css
https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre.css
https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre.min.css

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.
⚙️ JavaScript
{"HTML": "<div class='container'><h1 class='label'>Hello World</h1></div>", "CSS": "@import url('https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre.min.css');"}
⚡ Top Tools for Developers
Text Compare

텍스트 비교

두 텍스트의 차이점을 한눈에 확인하세요.

Favicon Generator

Favicon 생성기

파비콘을 쉽고 빠르게 생성하세요.

Lorem Ipsum Generator

Lorem Ipsum 생성기

디자인을 위한 더미 텍스트를 생성하세요.

Character Counter

글자수 세기

글자 수와 단어 수를 실시간으로 확인하세요.

SRT ↔ SMI

SRT ↔ SMI 변환기

자막 형식을 간편하게 변환합니다.

Text Extract(OCR)

이미지 텍스트 추출

이미지 속 텍스트 자동 추출