Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/froala/react-froala-design-blocks
React implementation for Froala Design Blocks.
https://github.com/froala/react-froala-design-blocks
bootstrap design-templates designer developer html-template html5 material-design modern-design theme website-design
Last synced: about 2 months ago
JSON representation
React implementation for Froala Design Blocks.
- Host: GitHub
- URL: https://github.com/froala/react-froala-design-blocks
- Owner: froala
- License: other
- Created: 2018-11-07T17:32:38.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-12-02T11:50:46.000Z (about 3 years ago)
- Last Synced: 2024-11-02T05:33:12.015Z (about 2 months ago)
- Topics: bootstrap, design-templates, designer, developer, html-template, html5, material-design, modern-design, theme, website-design
- Language: JavaScript
- Homepage: https://www.froala.com/design-blocks
- Size: 4.37 MB
- Stars: 110
- Watchers: 6
- Forks: 13
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# [React Froala Design Blocks](https://www.froala.com/design-blocks) [](https://twitter.com/intent/tweet?text=Get%20over%20170%20free%20design%20blocks%20based%20on%20Bootstrap%204&url=https://www.froala.com/design-blocks&via=froala&hashtags=bootstrap,design,templates,blocks,developers) [](https://froala-design-blocks-slack.herokuapp.com/)
[](https://github.com/froala/design-blocks/blob/master/LICENSE)
[](https://www.npmjs.com/package/react-froala-design-blocks)
[](https://cdnjs.com/libraries/froala-design-blocks)
[](https://github.com/froala/react-froala-design-blocks)
[](https://github.com/froala/react-froala-design-blocks/blob/master/LICENSE)
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](https://www.producthunt.com/posts/froala-design-blocks-2-2) 🦄**
WYSIWYG HTML Editor · Pages · Blog
## Table of contents
- [Quick start](#quick-start)
- [Implementations](#implementations)
- [Browser support](#browser-support)
- [Community](#community)
- [Bugs and feature requests](#bugs-and-feature-requests)
- [Contributing guidelines](#contributing-guidelines)
- [Copyright and license](#copyright-and-license)
## Quick start
1. Install package.
```bash
git clone [email protected]:froala/react-froala-design-blocks.git
cd react-froala-design-blocks
npm install
npm start
```
2. Navigate to `http://localhost:3000/`. The app will automatically reload if you change any of the source files.
## Implementations
[
](https://github.com/froala/design-blocks) [
](https://github.com/froala/angular-froala-design-blocks) [
](https://github.com/froala/react-froala-design-blocks) [
](https://github.com/froala/vue-froala-design-blocks) [
](https://github.com/froala/design-blocks/blob/dev/assets/psds/psd-pages.zip?raw=true) [
](https://github.com/froala/design-blocks/blob/dev/assets/sketch/froala-design-blocks.sketch?raw=true)
## 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](https://github.com/froala/react-froala-design-blocks/issues/new).
## Community
Get updates on Froala Design Blocks' development and chat with the project maintainers and community members:
- Follow [@froala on Twitter](https://twitter.com/froala)
- Read and subscribe to [The Official Froala Blog](https://www.froala.com/blog)
- Check the [Official Website](https://www.froala.com/design-blocks)
- Join us [on Facebook](https://www.facebook.com/froala/)
- [Google+](https://plus.google.com/+Froala/)
- [Pinterest](https://pinterest.com/froala/)
## 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](https://github.com/froala/design-blocks/blob/dev/CODE_OF_CONDUCT.md).
#### 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.
- Major release: increment the first digit and reset middle and last digits to zero. Introduces major changes that might break backward compatibility. E.g. 2.0.0
- Minor release: increment the middle digit and reset last digit to zero. It would fix bugs and also add new features without breaking backward compatibility. E.g. 1.1.0
- Patch release: increment the third digit. It would fix bugs and keep backward compatibility. E.g. 1.0.1
## Copyright and license
Code and documentation copyright 2018 [Froala Labs](https://www.froala.com/). Code released under the [Froala Open Web Design License](https://github.com/froala/react-froala-design-blocks/blob/master/LICENSE).