A lightweight CSS framework for building fast and flexible interfaces using pre-defined style classes.
Copy-paste the stylesheet <link>
into your <head>
before all other stylesheets to load our CSS.
<link rel="stylesheet" href="https://momentui.netlify.app/css/components.css" />
Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- moment ui CSS -->
<link rel="stylesheet" href="https://momentui.netlify.app/css/components.css" />
<title>Hey, moment ui!</title>
</head>
<body>
<h1>Hey, moment ui!</h1>
</body>
</html>
- Alert
- Avatar
- Badge
- Button
- Card
- Grid
- Image
- Input
- List
- Modal
- Navigation
- Rating
- Slider
- Toast
- Utilities
The documentation can be found at momentui.com