picocss

css-framework responsive layout

PicoCSS is a minimal CSS framework designed for semantic HTML. It offers simple yet sophisticated styling while respecting the inherent meanings of HTML elements.

Latest Ver 2.1.0
Homepage
Github
0
14,745
📢 PicoCSS is a CSS framework that enables clean and modern web design while respecting the semantic integrity of tags.
License: MIT
https://cdnjs.cloudflare.com/ajax/libs/picocss/2.1.0/pico.amber.css
https://cdnjs.cloudflare.com/ajax/libs/picocss/2.1.0/pico.amber.min.css
https://cdnjs.cloudflare.com/ajax/libs/picocss/2.1.0/pico.blue.css
https://cdnjs.cloudflare.com/ajax/libs/picocss/2.1.0/pico.blue.min.css
https://cdnjs.cloudflare.com/ajax/libs/picocss/2.1.0/pico.classless.amber.css
https://cdnjs.cloudflare.com/ajax/libs/picocss/2.1.0/pico.classless.amber.min.css
https://cdnjs.cloudflare.com/ajax/libs/picocss/2.1.0/pico.classless.blue.css
https://cdnjs.cloudflare.com/ajax/libs/picocss/2.1.0/pico.classless.blue.min.css
https://cdnjs.cloudflare.com/ajax/libs/picocss/2.1.0/pico.classless.conditional.amber.css
https://cdnjs.cloudflare.com/ajax/libs/picocss/2.1.0/pico.classless.conditional.amber.min.css

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.
⚙️ JavaScript
{ "html": "<button class='primary'>Click me!</button>", "css": "@import url('https://cdn.jsdelivr.net/npm/picocss@1.0.0/css/pico.min.css');" }
⚡ Top Tools for Developers
Text Compare

Text Comparison

Easily spot the differences between two texts.

Favicon Generator

Favicon Generator

Quickly and easily generate favicons.

Lorem Ipsum Generator

Lorem Ipsum Generator

Generate placeholder text for your designs.

Character Counter

Character Counter

Check character and word count in real time.

SRT ↔ SMI

SRT ↔ SMI Converter

Easily convert between subtitle formats.

Text Extract(OCR)

Image Text Extractor

Automatically extract text from images.