You can change the utility name as you want in a simple click for team....
This is a fast easy CSS framework for your next project . It will provide a bunch of features to fast your development process and make writing CSS fast !!!
Learn this CSS library of next generation .
Learn this in 4 minutes , check wiki page for Beginners's Guide wiki
** v0.1 released introducing new features :-
- Curve border classes
- Some templates for copy paste
- Navbar Component
Contributions are always welcome!
We want developers who are the future of next generation to transform this small project.
See CONTRIBUTING.md for ways to get started.
Firstly , Use it if you want to create custom syntax for you team's CSS classes , or want your own names in a CSS library
To use it Install the project (For installation check below).
Install all dependencies
Then change the file /src/syntax/_syntax.scss and change the name of your wish like
$syntax : (
...other code
padding : "my-padding",
..other code
);
And then Run build.sh file in root folder
$ build.shNow you can copy the file /src/index.css
and use it in your project
Install my-project with git
git clone https://github.com/rudransh61/NextGenCSS-.git
cd src
Open the index.html file in ./example directory
-
You can see example project directly from this codepen link
-
You can also use replit templates template link
.\src\index.css file .
For support, contribute with us . Or sponsor if u want
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rudransh61/NextGenCSS-/src/index.css" media="print" onload="this.media='all'">
</head>
<body>
<h1>Namaste 🙏</h1>
</body>
</html>- Design simple and beautiful websites FAST !!
- Responsive also
video_example.mp4
Lets Make it to 100🌟
Thanks 😁