A new flexbox based CSS micro-framework.

Overview

strawberry-css logo



NPM version license

Strawberry CSS

What

Strawberry is a new flexbox based CSS micro-framework. A set of common flexbox's utilities focused on making your life easier and faster with nested flexboxes.

Have a look at the website
Read about it on Medium.

How

$ npm i --save strawberry-css

or

<link rel="stylesheet" href="https://unpkg.com/strawberry-css/dist/strawberry.min.css">

Why

  1. It's light: less than 34Kb
  2. It’s powerful: create Flexbox-based layouts in few lines of code
  3. No preset graphic style: it helps you create layouts without messing up your life
  4. No conflicts with other used framework in the same project: all classes start with the sb- prefix
  5. Easy to override: strawberry never use !important

Wiki

Read the wiki!

Bugs

Have you found something wrong?

  1. Read and apply these guidelines
  2. Feel free to open an issue or to email us at [[email protected]].

Features

Would you like to see a new feature added?

  1. Read and apply these guidelines
  2. Feel free to open an issue or to email us at [[email protected]].

Examples

I'm working on them. Stay Tuned!

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, click here.

Author

  • Andrea Simone Costa aka jfet97

See also the list of contributors who participated in this project.

Contacts

License

MIT

You might also like...

A minimalist CSS framework.

A minimalist CSS framework.

A minimalist CSS framework. Why it's awesome Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! Only 2kb gzipp

Jan 4, 2023

Lightweight CSS framework

Material Design CSS Framework MUI is a lightweight CSS framework that follows Google's Material Design guidelines. Use From the CDN: link href="//cdn

Jan 1, 2023

The Less Formal CSS Framework

PaperCSS The less formal CSS framework, with a quick and easy integration. Table of contents Table of contents Quick-start Status Content of the frame

Jan 4, 2023

A classless CSS framework to write modern websites using only HTML.

new.css new.css A classless CSS framework to write modern websites using only HTML. It weighs 4.8kb. All it does is set some sensible defaults and sty

Jan 3, 2023

Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.

This is the main branch of the repo, which contains the latest stable release. For the ongoing development, see the develop branch. Halfmoon Front-end

Dec 26, 2022

A utility-first CSS framework for rapid UI development.

A utility-first CSS framework for rapidly building custom user interfaces. Documentation For full documentation, visit tailwindcss.com. Community For

Jan 1, 2023

NES-style CSS Framework | ファミコン風CSSフレームワーク

NES-style CSS Framework | ファミコン風CSSフレームワーク

日本語 / 简体中文 / Español / Português / Русский / Français NES.css is a NES-style(8bit-like) CSS Framework. Installation Styles NES.css is available via ei

Jan 5, 2023

A starter CSS framework that actually looks good.

Mustard UI Mustard is a starter CSS framework that actually looks good. Getting Started Mustard UI is currently in release v1.0. Try it out today and

Dec 28, 2022

Semantic is a UI component framework based around useful principles from natural language.

Semantic is a UI component framework based around useful principles from natural language.

Semantic UI Semantic is a UI framework designed for theming. Key Features 50+ UI elements 3000 + CSS variables 3 Levels of variable inheritance (simil

Dec 31, 2022
Comments
  • Why

    Why

    What is the reason why someone would want to use this - i went here

    http://jfet97.github.io/strawberry

    and it tells me:

    1. what it is: flexbox based CSS micro-framework

    2. how to install it

    3. how small it is

    4. create Flexbox-based layouts in few lines of code - this is strange because can you already do that with regular CSS?

    maybe some examples on that page would be helpful - to demonstrate why people would want to use this

    opened by ghost 1
Releases(v2.3.2)
Owner
Andrea Simone Costa
Hey there! I am using GitHub 😄😄😄
Andrea Simone Costa
Modern CSS framework based on Flexbox

Bulma Bulma is a modern CSS framework based on Flexbox. Quick install Bulma is constantly in development! Try it out now: NPM npm install bulma or Yar

Jeremy Thomas 46.6k Dec 31, 2022
Grid based on CSS3 flexbox

Flexbox Grid flexboxgrid.com Grid based on the flex display property. Install npm npm i flexboxgrid --save bower bower install flexboxgrid cdn CDNJS <

kj 9.3k Jan 2, 2023
Feature rich CSS framework for the new decade https://shorthandcss.com

Shorthand Shorthand is a CSS framework and does not include any javascript. You can customize the framework by using .scss only. Size Dist File URL Li

Shorthand 251 Sep 24, 2022
Spectre.css - A Lightweight, Responsive and Modern CSS Framework

Spectre.css Spectre.css is a lightweight, responsive and modern CSS framework. Lightweight (~10KB gzipped) starting point for your projects Flexbox-ba

Yan Zhu 11.1k Jan 8, 2023
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation

Aphrodite Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation. Support for colocating y

Khan Academy 5.3k Jan 1, 2023
Tiny CSS framework with almost no classes and some pure CSS effects

no.css INTERACTIVE DEMO I am tired of adding classes to style my HTML. I just want to include a .css file and I expect it to style the HTML for me. no

null 96 Dec 10, 2022
Materialize, a CSS Framework based on Material Design

MaterializeCSS Materialize, a CSS Framework based on material design. -- Browse the docs -- Table of Contents Quickstart Documentation Supported Brows

Alvin Wang 38.8k Jan 2, 2023
Reseter.css - A Futuristic CSS Reset / CSS Normalizer

Reseter.css A CSS Reset/Normalizer Reseter.css is an awesome CSS reset for a website. It is a great tool for any web designer. Reseter.css resets all

Krish Dev DB 1.1k Jan 2, 2023
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. Explore Bootstrap docs » Report bug · Request feat

Bootstrap 161k Jan 1, 2023
A utility-first CSS framework for rapid UI development.

A utility-first CSS framework for rapidly building custom user interfaces. Documentation For full documentation, visit tailwindcss.com. Community For

Tailwind Labs 63.5k Dec 30, 2022