franciscop/picnic

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

3881 stars · 225 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Picnic CSS is a lightweight (~10kb) CSS library written in SCSS that styles native HTML elements without requiring presentation classes. It is modular, MIT-licensed, and includes components like buttons, cards, modals, and navigation with subtle CSS transitions.

Use cases

• style a quick prototype with semantic HTML
• add beautiful default styling to a new project without writing CSS classes
• build a lightweight responsive page under 10kb of CSS
• customize a CSS framework via SCSS variables
• create forms, buttons, and cards without JavaScript

When to choose

• starting a new project from scratch where you control the HTML
• you want semantic HTML without utility classes like btn-primary
• you need a tiny, fast-loading CSS footprint for mobile
• you want a SCSS-based framework that is easy to extend

When to avoid

• working with existing HTML that uses utility-class conventions
• you need a large component ecosystem or complex widgets
• you need support for legacy browsers older than IE11
• building a design system requiring heavy theming and dark mode

Facets

library · maturity maintenance

css-framework ui-components web-development frontend web-design browser css scss lightweight semantic-html responsive no-javascript web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="franciscop/picnic")