Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pikock/bootstrap-magic

Bootstrap themes generator made with AngularJS
https://github.com/pikock/bootstrap-magic

bootstrap-magic bootstrap-themes-generator bootstrap4

Last synced: 26 days ago
JSON representation

Bootstrap themes generator made with AngularJS

Host: GitHub
URL: https://github.com/pikock/bootstrap-magic
Owner: pikock
License: other
Created: 2013-01-11T14:18:46.000Z (almost 12 years ago)
Default Branch: master
Last Pushed: 2019-01-19T00:26:02.000Z (almost 6 years ago)
Last Synced: 2024-05-22T19:30:37.503Z (6 months ago)
Topics: bootstrap-magic, bootstrap-themes-generator, bootstrap4
Language: HTML
Homepage: https://pikock.github.io/bootstrap-magic
Size: 29.5 MB
Stars: 1,800
Watchers: 119
Forks: 494
Open Issues: 34
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

my-awesome-list - bootstrap-magic
jimsghstars - pikock/bootstrap-magic - Bootstrap themes generator made with AngularJS (HTML)

README

Bootstrap magic 4.0
===================

Create your Boostrap 4.0 theme easily.
Live preview, live HTML coding to help you create your Bootstrap 4.0 theme direclty in your browser

### Features

- Bootstrap 4.0 : Latest version of Bootstrap 4.0 avaiable to create your amazing template.
- Sass included : Bootstrap worked with Saas ( CSS compiler now) so do Bootstrap Magic Get all Saas functions to make your life easier. Darken, Lighten, Mixins and co can all be used directly from variables.
- Color picker : For each color variable, you can either use the color picker or type directly your HEXA or RGBA color
- HTML code preview :You can now insert your own HTML and CSS and have a live preview with your new Bootstrap theme freshly created.
- Magic Variables Typeahead :Find all Bootstrap vairables as you type to create links between variables.
- Google Fonts :Create your template with all Google Fonts. They are all included in font magic TypeHead. Simple.
- Download in CSS/SCSS :Happy about your template, download your custom CSS, minified or just SCSS variables.
- Open Source Project :Bootstrap Magic is all Open Source and free. Can be reused as you want.

### Build project

```

// To launch Bootstrap Magic locally
npm run dev

// In an another terminal, edit Bootstrap Magic theme to compile SCSS
npm run watch

```

### License

The MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.