https://github.com/xz/new.css

A classless CSS framework to write modern websites using only HTML.
https://github.com/xz/new.css

Last synced: 25 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/xz/new.css
• Owner: xz
• License: mit
• Created: 2020-05-03T03:18:57.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-03-16T08:40:48.000Z (8 months ago)
• Last Synced: 2024-04-14T01:06:34.065Z (7 months ago)
• Language: HTML
• Homepage: https://newcss.net
• Size: 303 KB
• Stars: 3,897
• Watchers: 40
• Forks: 124
• Open Issues: 40
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome - xz/new.css - A classless CSS framework to write modern websites using only HTML. (HTML)
• awesome-fr - new.css
• jimsghstars - xz/new.css - A classless CSS framework to write modern websites using only HTML. (HTML)

README

        
# new.css

[![](https://data.jsdelivr.com/v1/package/npm/@exampledev/new.css/badge?style=rounded)](https://www.jsdelivr.com/package/npm/@exampledev/new.css)  [![Discord](https://img.shields.io/discord/711011676702376001?color=7289DA&logo=discord&logoColor=fff)](https://discord.gg/hhuuC4w) ![GitHub stars](https://img.shields.io/github/stars/xz/new.css?style=social)

# 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 styles your HTML to look reasonable. It's perfect for:

- A dead-simple blog

- Collecting your most used links

- Making a simple "about me" site

- Rendering markdown-generated HTML

**Demo: [newcss.net](https://newcss.net/?ref=github_demo)**

---

## Table of Contents

- Usage

- Themes

    - Theme Library

    - Customizing Themes

- FAQ

- Made with new.css

- Sponsors

- Support

## Usage

### HTML

Add this line to the end of your HTML's ``:

```html

```

If you'd like the font [Inter](https://rsms.me/inter) as well (recommended), add this line as well:

```html

```

### npm

```shell

npm i @exampledev/new.css

```

### Yarn

```shell

yarn add @exampledev/new.css

```

## Themes

new.css uses a color palette that can be easily customized. These are declared as a CSS variable in the :root attribute.

### Theme Library

See pre-made themes at [newcss.net/themes](https://newcss.net/themes/).

### Customizing Themes

Information is available [on the wiki](https://github.com/xz/new.css/wiki/Customizing-Themes).

## FAQ

**Why should I use this instead of (popular framework)?**

new.css wasn't made to be a true framework. It's made for rapidly prototyping your raw HTML or setting up a good-looking simple HTML site with zero configuration.

**Does this work with (platform/service)?**

new.css was designed to work with nothing but raw HTML, but some awesome community members are porting it to other platforms. 

Check if your platform or service supports custom CSS. If it does, it'll probably work. You're welcome to [ask the community](https://discord.gg/hhuuC4w) as well.

## Sponsors

- Domaincord (also a domain name discussion group here!)

- Vercel

## Special Thanks

- [sakura by oxal](https://github.com/oxalorg/sakura) for introducing me to classless CSS

- [mydarkstar](https://mydarkstar.net/) for priceless advice

- [Vercel](https://vercel.com/?utm_source=xz&utm_campaign=new.css) for sponsoring [xz](https://xz.style) and for their amazing color palettes