torch2424 / Aesthetic Css
Licence: mit
A vaporwave CSS framework
Stars: ✭ 100
Projects that are alternatives of or similar to Aesthetic Css
Bahunya
10KB classless CSS framework with responsive typography, navbar, syntax highlighting, etc.
Stars: ✭ 170 (+70%)
Mutual labels: framework, css-framework
Unnamed Css Framework
A simple colorful CSS framework
Stars: ✭ 249 (+149%)
Mutual labels: framework, css-framework
Buttercake
Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰
Stars: ✭ 178 (+78%)
Mutual labels: framework, css-framework
Petal
A modern, light CSS UI framework by Shakr
Stars: ✭ 113 (+13%)
Mutual labels: framework, css-framework
Primitive
⛏️ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (+683%)
Mutual labels: framework, css-framework
Kanbasu
A lightweight CSS framework written in Sass.
Stars: ✭ 94 (-6%)
Mutual labels: framework, css-framework
Numl
A UI Design Language, WC UI Library, and Runtime CSS Framework for rapidly building interfaces that follow your Design System 🌈
Stars: ✭ 229 (+129%)
Mutual labels: framework, css-framework
Gutenberg
Modern framework to print the web correctly.
Stars: ✭ 4,425 (+4325%)
Mutual labels: framework, css-framework
Mini.css
A minimal, responsive, style-agnostic CSS framework!
Stars: ✭ 2,938 (+2838%)
Mutual labels: framework, css-framework
Materialize
Materialize, a CSS Framework based on Material Design
Stars: ✭ 38,630 (+38530%)
Mutual labels: framework, css-framework
Lemon
🍋 Minimal and responsive CSS framework for fast building websites.
Stars: ✭ 51 (-49%)
Mutual labels: framework, css-framework
Front End Web Development Resources
This repository contains content which will be helpful in your journey as a front-end Web Developer
Stars: ✭ 3,452 (+3352%)
Mutual labels: framework, css-framework
Quickblox Javascript Sdk
JavaScript SDK of QuickBlox cloud backend platform
Stars: ✭ 98 (-2%)
Mutual labels: framework
A E S T H E T I C C S S
A vaporwave css framework
Table Of Contents
- Features
- Example Elements
- Installation
- Importing Modules
- Suggested Fonts
- Contributing
- Reference Material
- Authors
- License
Features
-
Includes Elements, Colors, and Effects ✨
-
Framework fits in ~40KB (as of 9/17/18) 👌
-
Written with SASS, only import what you need 😍
-
Compatible with AMPHTML ⚡
Example Elements
![Button Element Example]](https://github.com/torch2424/aesthetic-css/blob/master/./readme/buttonExample.png)
Installation
npm
npm install --save aesthetic-css
html link
Feel free to download the latest aesthetic.css from the master branch, or one of our releases.
<link rel="stylesheet" type="text/css" href="aesthetic.css">
Importing Modules
Similar to Bulma's Modularity, you can import specific sass files from the src directory.
For example:
@import "../node_modules/aesthetic-css/src/variables";
Suggested Fonts
Google Fonts
- Cinzel
- PlayFair
- Monoton
- VT323
- Press Start 2P
- Limelight
- Share Tech Mono
- Six Caps
- Cutive Mono
- Spectral SC
- Matte SC
- Im Fell French Cannon SC
Contributing
Feel free to fork and submit PRs! Any help is much appreciated, and would be a ton of fun! I would appreciate opening an issue, or replying to an already open issue to express intent of trying to solve the issue, and we discuss.
Installation
Just your standard node app. Install Node with nvm, git clone the project, and npm install, and you should be good to go!
Npm Scripts & CLI Commands
# Watch for changes and serve the project. You want to use this for development/contributing.
npm run dev
# Build the demo, and the Sass to css
npm run build
# Runs npm run build, but includes the livereload script. Used in npm run dev
npm run build:dev
# Only builds the Sass to css
npm run style:build
# Run the http server for development
npm run serve
# Run the livereload server to livereload the http server
npm run livereload
# Watch the files for changes, and build
npm run watch
Reference Material
- felixrieseberg/windows95
- httpsters
- r/VaporwaveAesthetics/
- HTML Nostalgia: 10 Things From the 90s
- 5 ESSENTIAL VAPORWAVE FONTS
- windows_98.css
- seapunk vaporwave colourlovers
- Text Glitch Effect
- Windows 95 In your Browser
Authors
License
Licensed under Apache 2.0. 🐦
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].