{"id":13716137,"url":"https://github.com/torch2424/aesthetic-css","last_synced_at":"2025-04-07T17:07:53.629Z","repository":{"id":37686731,"uuid":"132096792","full_name":"torch2424/aesthetic-css","owner":"torch2424","description":"A vaporwave CSS framework 🌴🐬","archived":false,"fork":false,"pushed_at":"2022-12-07T18:01:58.000Z","size":2347,"stargazers_count":191,"open_issues_count":20,"forks_count":21,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-04-14T07:55:26.311Z","etag":null,"topics":["css","css-framework","framework","html","vaporwave"],"latest_commit_sha":null,"homepage":"https://torch2424.github.io/aesthetic-css/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/torch2424.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-05-04T06:20:20.000Z","updated_at":"2024-04-13T11:28:34.000Z","dependencies_parsed_at":"2023-01-24T02:16:11.542Z","dependency_job_id":null,"html_url":"https://github.com/torch2424/aesthetic-css","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/torch2424%2Faesthetic-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/torch2424%2Faesthetic-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/torch2424%2Faesthetic-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/torch2424%2Faesthetic-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/torch2424","download_url":"https://codeload.github.com/torch2424/aesthetic-css/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247694876,"owners_count":20980733,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-framework","framework","html","vaporwave"],"created_at":"2024-08-03T00:01:07.425Z","updated_at":"2025-04-07T17:07:53.609Z","avatar_url":"https://github.com/torch2424.png","language":"CSS","funding_links":[],"categories":["Frameworks / Resources","CSS"],"sub_categories":["A"],"readme":"# *A E S T H E T I C   C S S*\n\n\u003c!--- Badges --\u003e\n\n![npm](https://img.shields.io/npm/dt/aesthetic-css.svg)\n![GitHub](https://img.shields.io/github/license/torch2424/aesthetic-css.svg)\n\nA vaporwave css framework\n\n[Demo / Documentation](https://torch2424.github.io/aesthetic-css/)\n\n![Aesthetic CSS Load Intro](./readme/aestheticLoop.gif)\n\n# Table Of Contents\n\n* [Features](#features)\n* [Example Elements](#example-elements)\n* [Installation](#installation)\n  * [npm](#npm)\n  * [html link](#html-link)\n* [Importing Modules](#importing-modules)\n* [Suggested Fonts](#suggested-fonts)\n  * [Google Fonts](#google-fonts)\n* [Contributing](#contributing)\n  * [Installation](#installation-1)\n  * [Npm Scripts \u0026amp; CLI Commands](#npm-scripts--cli-commands)\n* [Reference Material](#reference-material)\n* [Authors](#authors)\n* [License](#license)\n\n# Features\n\n* Includes Elements, Colors, and Effects ✨\n\n* Framework fits in ~40KB (as of 9/17/18) 👌\n\n* Written with [SASS](https://sass-lang.com/), only import what you need 😍\n\n* Compatible with [AMPHTML](https://github.com/ampproject/amphtml) ⚡\n\n# Example Elements\n\n\u003cimg src=\"./readme/buttonExample.png\" alt=\"Button Element Example]\" width=\"150px\"/\u003e \u003cimg src=\"./readme/textInputExample.png\" alt=\"Text Input Example\" width=\"150px\"/\u003e \u003cimg src=\"./readme/crtExample.png\" alt=\"C R T Example\" width=\"300px\"/\u003e \u003cimg src=\"./readme/windows95Example.png\" alt=\"Windows 95 Modal Example\" width=\"300px\"/\u003e \u003cimg src=\"./readme/windowsXpExample.png\" alt=\"Windows XP Modal Example\" width=\"300px\"/\u003e \n# Installation\n\n### npm\n\n`npm install --save aesthetic-css`\n\n### html link\n\nFeel free to download the latest `aesthetic.css` from the master branch, or one of our [releases](https://github.com/torch2424/aesthetic-css/releases).\n\n```html\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"aesthetic.css\"\u003e\n```\n\n# Importing Modules\n\nSimilar to [Bulma's Modularity](https://bulma.io/documentation/overview/modular/), you can import specific [sass](https://sass-lang.com/) files from the [src directory](./src).\n\nFor example:\n\n`@import \"../node_modules/aesthetic-css/src/variables\";`\n\n# Suggested Fonts\n\n\n\n### Google Fonts\n\n* [Cinzel](https://fonts.google.com/specimen/Cinzel)\n* [PlayFair](https://fonts.google.com/specimen/Playfair+Display+SC)\n* [Monoton](https://fonts.google.com/specimen/Monoton)\n* [VT323](https://fonts.google.com/specimen/VT323)\n* [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P)\n* [Limelight](https://fonts.google.com/specimen/Limelight)\n* [Share Tech Mono](https://fonts.google.com/specimen/Share+Tech+Mono)\n* [Six Caps](https://fonts.google.com/specimen/Six+Caps)\n* [Cutive Mono](https://fonts.google.com/specimen/Cutive+Mono)\n* [Spectral SC](https://fonts.google.com/specimen/Spectral+SC)\n* [Matte SC](https://fonts.google.com/specimen/Mate+SC)\n* [Im Fell French Cannon SC]( https://fonts.google.com/specimen/IM+Fell+French+Canon+SC)\n\n# Contributing\n\nFeel 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.\n\n### Installation\n\nJust your standard node app. Install Node with [nvm](https://github.com/creationix/nvm), `git clone` the project, and `npm install`, and you should be good to go!\n\n### Npm Scripts \u0026 CLI Commands\n\n```bash\n# Watch for changes and serve the project. You want to use this for development/contributing.\nnpm run dev\n\n# Build the demo, and the Sass to css\nnpm run build\n\n# Runs npm run build, but includes the livereload script. Used in npm run dev\nnpm run build:dev\n\n# Only builds the Sass to css\nnpm run style:build\n\n# Run the http server for development\nnpm run serve\n\n# Run the livereload server to livereload the http server\nnpm run livereload\n\n# Watch the files for changes, and build\nnpm run watch\n```\n\n# Reference Material\n\n* [felixrieseberg/windows95](https://github.com/felixrieseberg/windows95)\n* [httpsters](http://httpsters.me)\n* [r/VaporwaveAesthetics/](https://www.reddit.com/r/VaporwaveAesthetics/)\n* [HTML Nostalgia: 10 Things From the 90s](https://icons8.com/articles/html-nostalgia-10-things-from-the-90s/)\n* [5 ESSENTIAL VAPORWAVE FONTS](https://www.hipsthetic.com/5-essential-vaporwave-fonts/)\n* [windows_98.css](https://github.com/contra/windows_98.css)\n* [seapunk vaporwave colourlovers](http://www.colourlovers.com/palette/3636765/seapunk_vaporwave)\n* [Text Glitch Effect](https://css-tricks.com/glitch-effect-text-images-svg/)\n* [Windows 95 In your Browser](https://win95.ajf.me/)\n\n# Authors\n\n[Aaron Turner](https://github.com/torch2424) and [Daniel Gomez](https://github.com/echo-exe)\n\n# License\n\nLicensed under [Apache 2.0](https://choosealicense.com/licenses/apache-2.0/). 🐦\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftorch2424%2Faesthetic-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftorch2424%2Faesthetic-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftorch2424%2Faesthetic-css/lists"}