Amaze CSS

Empowering people to make the best project they can.

About Amaze CSS


Amaze CSS empowers people to create the best project the can, in the shortest amount of time possible.


With Amaze CSS, you can create beautiful elements without messing with CSS. Simply use the built-in ability to edit and add object to a page. It's that simple. Better yet? No downloads are required to use Amaze CSS. Just add a link tag to our CDN.


How to Use


TL;DR, elements in Amaze CSS are structured like this: {element}-{attribute}-{sub-attribute}. There aren't many elements yet, but more will come in future updates.


Elements in Amaze CSS are structured inside of the class tag. find the elemnt you want to style, and add the attributes inside of the class tag. For example, if I wanted to make a <div> into a jumbotron I would type jumbotron-{any common color}. If I wanted to make an element invisible, I could add invisible-{hide, ghost, or remove}. Some elements have sub-attributes. For example, if I wanted to support dark mode on an element, than I could add -dark to the end of it. Keep in mind only text elements and the body-dark elements support this.



Element
Attribute
Description
Use On
jumbotron 
{any-common-color}
Creates a responsive jumbotron of a certain color.
This is to be used on the <div> tag.
jumbotronround
{any-common-color}
Creates a round responsive jumbotron of a certain color.
This is to be used on the <div> tag.
height
jumbo
Sets height to 100%.
Any tag.
width
jumbo
Sets width to 100%.
Any tag.
all
jumbo
Sets width and height to 100%.
Any tag.
text
em
Creates italic text.
Text tags.
text
strong
Creates strong text.
Text tags.
text
header
Creates header text.
Text tags.
text
header-strong
Creates strong header text.
Text tags.
text
header-em
Creates italic header text.
Text tags.
text
subtitle
Creates subitle text.
Text tags.
invisible
remove
Removes a HTML element.
Any tag.
invisible
hide
Hides a HTML element.
Any tag.
invisible
ghost
Sets opacity to 0.
Any tag.
round
{number-up-to-50}per
Makes an element round to a certain extent
Any tag.
link
fake
Creates a fake link.
Text tags.
#Universal Element
dark
Adds support for dark mode.
{any text element except link-fake and the body-dark element.}

What You can do.


Limitless ways to build.

You can use Amaze CSS in anything from a website, to a video game, to an app. The possibilities are limitless. If you can dream it, it can be made.


Get Started

Level up your project.


Simply add our link tag to your project and you're ready to go. Build your project your way.

<link async rel="stylesheet" href=
"https://gotechnow.org/amaze.css">

CONTACT

Contact us and we'll get back to you ASAP.

thegotech@gmail.com