Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/irfanghuori/bootstrap-crystal

Bootstrap Crystal 1.0 Glassmorphism UI kit for Apps and Websites, make your website more attractive and advanced. auto-replace broken images. support all new and old devices.
https://github.com/irfanghuori/bootstrap-crystal

apps bootstrap bootstrap-crystal bootstrap4 bootstrap5 css3 fontend-development glassmorphism uikit website-design

Last synced: 11 days ago
JSON representation

Bootstrap Crystal 1.0 Glassmorphism UI kit for Apps and Websites, make your website more attractive and advanced. auto-replace broken images. support all new and old devices.

Awesome Lists containing this project

README 

        

[![Behance](https://img.shields.io/badge/Behance-1769ff?logo=behance&logoColor=white)](https://behance.net/Irfan_Ghuori) [![Facebook](https://img.shields.io/badge/Facebook-%231877F2.svg?logo=Facebook&logoColor=white)](https://facebook.com/irfan.whitehead) [![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin&logoColor=white)](https://linkedin.com/in/irfan-ghuori-39b410155/) [![Pinterest](https://img.shields.io/badge/Pinterest-%23E60023.svg?logo=Pinterest&logoColor=white)](https://pinterest.com/irfanghuori_) 



# 💻 Tech Stack:

![PHP](https://img.shields.io/badge/php-%23777BB4.svg?style=for-the-badge&logo=php&logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) ![Apache Groovy](https://img.shields.io/badge/Apache%20Groovy-4298B8.svg?style=for-the-badge&logo=Apache+Groovy&logoColor=white) ![AssemblyScript](https://img.shields.io/badge/assembly%20script-%23000000.svg?style=for-the-badge&logo=assemblyscript&logoColor=white) ![Nodemon](https://img.shields.io/badge/NODEMON-%23323330.svg?style=for-the-badge&logo=nodemon&logoColor=%BBDEAD) ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) ![FastAPI](https://img.shields.io/badge/FastAPI-005571?style=for-the-badge&logo=fastapi) ![Xamarin](https://img.shields.io/badge/Xamarin-3199DC?style=for-the-badge&logo=xamarin&logoColor=white) ![Apache](https://img.shields.io/badge/apache-%23D42029.svg?style=for-the-badge&logo=apache&logoColor=white) ![Apache Airflow](https://img.shields.io/badge/Apache%20Airflow-017CEE?style=for-the-badge&logo=Apache%20Airflow&logoColor=white) ![MySQL](https://img.shields.io/badge/mysql-4479A1.svg?style=for-the-badge&logo=mysql&logoColor=white) ![MariaDB](https://img.shields.io/badge/MariaDB-003545?style=for-the-badge&logo=mariadb&logoColor=white) ![SQLite](https://img.shields.io/badge/sqlite-%2307405e.svg?style=for-the-badge&logo=sqlite&logoColor=white) ![Sequelize](https://img.shields.io/badge/Sequelize-52B0E7?style=for-the-badge&logo=Sequelize&logoColor=white) ![Adobe](https://img.shields.io/badge/adobe-%23FF0000.svg?style=for-the-badge&logo=adobe&logoColor=white) ![Adobe Illustrator](https://img.shields.io/badge/adobe%20illustrator-%23FF9A00.svg?style=for-the-badge&logo=adobe%20illustrator&logoColor=white) ![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white) ![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white)



 Watch Demo 



# Download new releases of Bootstrap Crystal 7.8

Create responsive, mobile projects on the web with the world's most popular Bootstrap-Crystal Frontend Component Library on the Web. 

Bootstrap-Crystal is an updated version of Bootstrap  I try to redesign some components and add more features.

 Your feedback is essential to me



Share Bootstrap-Crystal error and feedback

[email protected]



# Glassmorphism effect update



  - Unlimited background colors

  - Set page cover image

  - Badges Redesigned

  - Button and checkbox Redesigned

  - Card Redesigned

  - Browser special title

  - Flat icons installed

  - Font-awesome installed

  - Simple-line-icons installed

  - Modal Redesigned

  - Play YouTube or Vimeo Videos with Modal

  - Texts limitation button

  - Navbar redesigned

  - 44 Image Hover effects

  - 16th Shadow Effects

  - Tooltips redesigned

  - Show notification with sound

  - Alert completely changed

  - Easily Add page-loading animation 

  - Glassmorphism effect backgrounds

  - 1000+ New Classes

  - Auto Broken Images Replacer

  



# Quick start

- Several quick start options are available:

- Download the latest release.

- Clone the repo: git clone https://github.com/IrfanGhuori/Bootstrap-Crystal.git

- Install with npm: npm install bootstrap-Crystal



  ## 💰 You can help me by Donating

  [![BuyMeACoffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-ffdd00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://buymeacoffee.com/irfanghuori)