https://github.com/bulma-css-templates/bulma-components
Bulma CSS Components - Open-Source project
https://github.com/bulma-css-templates/bulma-components
bulma-css components open-source opensource
Last synced: 10 months ago
JSON representation
Bulma CSS Components - Open-Source project
- Host: GitHub
- URL: https://github.com/bulma-css-templates/bulma-components
- Owner: bulma-css-templates
- License: mit
- Created: 2019-07-08T18:09:07.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2021-01-10T12:06:10.000Z (over 5 years ago)
- Last Synced: 2025-04-06T18:13:38.632Z (about 1 year ago)
- Topics: bulma-css, components, open-source, opensource
- Language: CSS
- Homepage: https://components.bulma-css.com
- Size: 326 KB
- Stars: 43
- Watchers: 2
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [Bulma Css Components](https://components.bulma-css.com)
Open-Source project. The initial components generated by [bulma.dev](https://bulma.dev/).
## Getting Started
Project's source files are placed in ./src/ directory.
* ./src/assets - default static files (eg. image placeholders). You should replace them with your own files.
* ./src/scss/ - Sass sources used to build Bulma theme. Variables used in Theme Customizer are located in custom-variables.scss file.
* ./src/*.pug - All your pages (templates) are stored in separated .pug files.
## How to use it
```
# Install dependencies
$ yarn
# Run dev server with live preview (Browsersync)
$ yarn start
# Or make production build
yarn build
```
## Components
- [admin](/src/admin.pug) - [demo](https://components.bulma-css.com/admin.html)
- [blog](/src/blog.pug) - [demo](https://components.bulma-css.com/blog.html)
- [contacts](/src/contacts.pug) - [demo](https://components.bulma-css.com/contacts.html)
- [content](/src/content.pug) - [demo](https://components.bulma-css.com/content.html)
- [cookies](/src/cookies.pug) - [demo](https://components.bulma-css.com/cookies.html)
- [cta](/src/cta.pug) - [demo](https://components.bulma-css.com/cta.html)
- [ecomm](/src/ecomm.pug) - [demo](https://components.bulma-css.com/ecomm.html)
- [faq](/src/faq.pug) - [demo](https://components.bulma-css.com/faq.html)
- [features](/src/features.pug) - [demo](https://components.bulma-css.com/features.html)
- [gallery](/src/gallery.pug) - [demo](https://components.bulma-css.com/gallery.html)
- [grid](/src/grid.pug) - [demo](https://components.bulma-css.com/grid.html)
- [hero](/src/hero.pug) - [demo](https://components.bulma-css.com/hero.html)
- [how-it-works](/src/how-it-works.pug) - [demo](https://components.bulma-css.com/how-it-works.html)
- [http-codes](/src/http-codes.pug) - [demo](https://components.bulma-css.com/http-codes.html)
- [navbar](/src/navbar.pug) - [demo](https://components.bulma-css.com/navbar.html)
- [pagination](/src/pagination.pug) - [demo](https://components.bulma-css.com/pagination.html)
- [portfolio](/src/portfolio.pug) - [demo](https://components.bulma-css.com/portfolio.html)
- [pricing](/src/pricing.pug) - [demo](https://components.bulma-css.com/pricing.html)
- [sign-in](/src/sign-in.pug) - [demo](https://components.bulma-css.com/sign-in.html)
- [team](/src/team.pug) - [demo](https://components.bulma-css.com/team.html)
- [testimonials](/src/testimonials.pug) - [demo](https://components.bulma-css.com/testimonials.html)
---
Supported by [Bulma-CSS](https://bulma-css.com/)