Home

Awesome

VueJS Froala Design Blocks   Tweet  Slack

Price npm CDNJS GitHub package version License: FOWDL v1.0

Over 170 responsive design blocks ready to be used in your web or mobile apps. All blocks are based on the Bootstrap Library, and they are the building blocks for beautiful websites.

Discuss it on Product Hunt 🦄

<p><a href="https://www.froala.com/design-blocks/webpage-builder">Design Blocks Builder »</a></p> <p><a href="https://www.froala.com/wysiwyg-editor">WYSIWYG HTML Editor</a> · <a href="https://www.froala.com/pages">Pages</a> · <a href="https://www.froala.com/blog">Blog</a>

Design Blocks

Table of contents

Quick start

  1. Install package.
git clone git@github.com:froala/vue-froala-design-blocks.git
cd vue-froala-design-blocks
npm install
npm run serve
  1. Navigate to http://localhost:8080/. The app will automatically reload if you change any of the source files.

Implementations

<img src="https://github.com/froala/design-blocks/blob/dev/assets/logo-html.png?raw=true" height="60" /> <img src="https://github.com/froala/angular-froala-design-blocks/blob/master/src/assets/logo-angluar.png?raw=true" height="60" /> <img src="https://github.com/froala/react-froala-design-blocks/blob/master/public/logo-react.png?raw=true" height="60" /> <img src="https://github.com/froala/vue-froala-design-blocks/blob/master/src/assets/logo-vue.png?raw=true" height="60" /> <img src="https://github.com/froala/design-blocks/blob/dev/assets/logo-psd.png?raw=true" height="60" /> <img src="https://github.com/froala/design-blocks/blob/dev/assets/logo-sketch.png?raw=true" height="60" />

Bugs and feature requests

Have a bug or a feature request? Please first read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

Community

Get updates on Froala Design Blocks' development and chat with the project maintainers and community members:

Contributing guidelines

All contributions are more than welcomed. Contributions may close an issue, fix a bug (reported or not reported), add new design blocks, improve the existing code, add new feature, and so on. In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. Read the full Code of Conduct.

Versioning

Through the development of new versions, we're going use the Semantic Versioning: https://docs.npmjs.com/getting-started/semantic-versioning. Example: 1.0.0.

Copyright and license

Code and documentation copyright 2018 Froala Labs. Code released under the Froala Open Web Design License.