├── LICENSE ├── README.md └── contributing.md /LICENSE: -------------------------------------------------------------------------------- 1 | Creative Commons Legal Code 2 | 3 | CC0 1.0 Universal 4 | 5 | CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE 6 | LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN 7 | ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS 8 | INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES 9 | REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS 10 | PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM 11 | THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED 12 | HEREUNDER. 13 | 14 | Statement of Purpose 15 | 16 | The laws of most jurisdictions throughout the world automatically confer 17 | exclusive Copyright and Related Rights (defined below) upon the creator 18 | and subsequent owner(s) (each and all, an "owner") of an original work of 19 | authorship and/or a database (each, a "Work"). 20 | 21 | Certain owners wish to permanently relinquish those rights to a Work for 22 | the purpose of contributing to a commons of creative, cultural and 23 | scientific works ("Commons") that the public can reliably and without fear 24 | of later claims of infringement build upon, modify, incorporate in other 25 | works, reuse and redistribute as freely as possible in any form whatsoever 26 | and for any purposes, including without limitation commercial purposes. 27 | These owners may contribute to the Commons to promote the ideal of a free 28 | culture and the further production of creative, cultural and scientific 29 | works, or to gain reputation or greater distribution for their Work in 30 | part through the use and efforts of others. 31 | 32 | For these and/or other purposes and motivations, and without any 33 | expectation of additional consideration or compensation, the person 34 | associating CC0 with a Work (the "Affirmer"), to the extent that he or she 35 | is an owner of Copyright and Related Rights in the Work, voluntarily 36 | elects to apply CC0 to the Work and publicly distribute the Work under its 37 | terms, with knowledge of his or her Copyright and Related Rights in the 38 | Work and the meaning and intended legal effect of CC0 on those rights. 39 | 40 | 1. Copyright and Related Rights. A Work made available under CC0 may be 41 | protected by copyright and related or neighboring rights ("Copyright and 42 | Related Rights"). Copyright and Related Rights include, but are not 43 | limited to, the following: 44 | 45 | i. the right to reproduce, adapt, distribute, perform, display, 46 | communicate, and translate a Work; 47 | ii. moral rights retained by the original author(s) and/or performer(s); 48 | iii. publicity and privacy rights pertaining to a person's image or 49 | likeness depicted in a Work; 50 | iv. rights protecting against unfair competition in regards to a Work, 51 | subject to the limitations in paragraph 4(a), below; 52 | v. rights protecting the extraction, dissemination, use and reuse of data 53 | in a Work; 54 | vi. database rights (such as those arising under Directive 96/9/EC of the 55 | European Parliament and of the Council of 11 March 1996 on the legal 56 | protection of databases, and under any national implementation 57 | thereof, including any amended or successor version of such 58 | directive); and 59 | vii. other similar, equivalent or corresponding rights throughout the 60 | world based on applicable law or treaty, and any national 61 | implementations thereof. 62 | 63 | 2. Waiver. To the greatest extent permitted by, but not in contravention 64 | of, applicable law, Affirmer hereby overtly, fully, permanently, 65 | irrevocably and unconditionally waives, abandons, and surrenders all of 66 | Affirmer's Copyright and Related Rights and associated claims and causes 67 | of action, whether now known or unknown (including existing as well as 68 | future claims and causes of action), in the Work (i) in all territories 69 | worldwide, (ii) for the maximum duration provided by applicable law or 70 | treaty (including future time extensions), (iii) in any current or future 71 | medium and for any number of copies, and (iv) for any purpose whatsoever, 72 | including without limitation commercial, advertising or promotional 73 | purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each 74 | member of the public at large and to the detriment of Affirmer's heirs and 75 | successors, fully intending that such Waiver shall not be subject to 76 | revocation, rescission, cancellation, termination, or any other legal or 77 | equitable action to disrupt the quiet enjoyment of the Work by the public 78 | as contemplated by Affirmer's express Statement of Purpose. 79 | 80 | 3. Public License Fallback. Should any part of the Waiver for any reason 81 | be judged legally invalid or ineffective under applicable law, then the 82 | Waiver shall be preserved to the maximum extent permitted taking into 83 | account Affirmer's express Statement of Purpose. In addition, to the 84 | extent the Waiver is so judged Affirmer hereby grants to each affected 85 | person a royalty-free, non transferable, non sublicensable, non exclusive, 86 | irrevocable and unconditional license to exercise Affirmer's Copyright and 87 | Related Rights in the Work (i) in all territories worldwide, (ii) for the 88 | maximum duration provided by applicable law or treaty (including future 89 | time extensions), (iii) in any current or future medium and for any number 90 | of copies, and (iv) for any purpose whatsoever, including without 91 | limitation commercial, advertising or promotional purposes (the 92 | "License"). The License shall be deemed effective as of the date CC0 was 93 | applied by Affirmer to the Work. Should any part of the License for any 94 | reason be judged legally invalid or ineffective under applicable law, such 95 | partial invalidity or ineffectiveness shall not invalidate the remainder 96 | of the License, and in such case Affirmer hereby affirms that he or she 97 | will not (i) exercise any of his or her remaining Copyright and Related 98 | Rights in the Work or (ii) assert any associated claims and causes of 99 | action with respect to the Work, in either case contrary to Affirmer's 100 | express Statement of Purpose. 101 | 102 | 4. Limitations and Disclaimers. 103 | 104 | a. No trademark or patent rights held by Affirmer are waived, abandoned, 105 | surrendered, licensed or otherwise affected by this document. 106 | b. Affirmer offers the Work as-is and makes no representations or 107 | warranties of any kind concerning the Work, express, implied, 108 | statutory or otherwise, including without limitation warranties of 109 | title, merchantability, fitness for a particular purpose, non 110 | infringement, or the absence of latent or other defects, accuracy, or 111 | the present or absence of errors, whether or not discoverable, all to 112 | the greatest extent permissible under applicable law. 113 | c. Affirmer disclaims responsibility for clearing rights of other persons 114 | that may apply to the Work or any use thereof, including without 115 | limitation any person's Copyright and Related Rights in the Work. 116 | Further, Affirmer disclaims responsibility for obtaining any necessary 117 | consents, permissions or other rights required for any use of the 118 | Work. 119 | d. Affirmer understands and acknowledges that Creative Commons is not a 120 | party to this document and has no duty or obligation with respect to 121 | this CC0 or use of the Work. 122 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Awesome MDBootstrap [![Awesome](https://awesome.re/badge.svg)](https://github.com/sindresorhus/awesome) [MDBootstrap](https://mdbootstrap.com) 2 | 3 | > A curated list of the best resources in the MDBootstrap community. 4 | 5 | [MDBootstrap](https://github.com/mdbootstrap/mdb-ui-kit) is a set of slick, responsive page templates, layouts, components, and widgets to rapidly build web pages. 6 | 7 | ## Contents 8 | 9 | - [Resources](#resources) 10 | - [Community](#community) 11 | - [Useful Links](#useful-links) 12 | - [Articles](#articles) 13 | - [Tools](#tools) 14 | - [Data Grid](#data-grid) 15 | - [CLI & hosting](#cli--hosting) 16 | - [Education](#education) 17 | 18 | ## Resources 19 | 20 | Official projects and resources of MDBootstrap. 21 | 22 | Free 23 | 24 | - [MDB Standard Free](https://mdbootstrap.com/docs/standard/) - Free to download, open-source Bootstrap 5 UI Kit. 25 | - [MDB Angular Free](https://mdbootstrap.com/docs/angular/) - Bootstrap 5 & Angular 11 Free UI KIT with Material Design. 26 | - [MDB React Free](https://mdbootstrap.com/docs/react/) - Bootstrap 5 & React 17 Free UI KIT with Material Design. 27 | - [MDB Vue Free](https://mdbootstrap.com/docs/vue/) - Bootstrap 5 & Vue 3 Free UI KIT with Material Design. 28 | 29 | Pro 30 | 31 | - [MDB Standard Pro](https://mdbootstrap.com/docs/standard/pro/) - Premium UI Kit for the latest Bootstrap 5. Lifetime usage of 5000+ premium components, thousands of templates, plugins, design blocks. 32 | - [MDB Angular Pro](https://mdbootstrap.com/docs/angular/pro/) - Material Design for Bootstrap 5 with Angular. 33 | - [MDB React Pro](https://mdbootstrap.com/docs/react/pro/) - Material Design for Bootstrap 5 with React. 34 | - [MDB Vue Pro](https://mdbootstrap.com/docs/vue/pro/) - Material Design for Bootstrap 5 with Vue. 35 | 36 | 37 | ## Community 38 | 39 | - [Snippets](https://mdbootstrap.com/snippets/?tag=community) - Projects created with MDBootstrap. 40 | - [Support](https://mdbootstrap.com/support/) - Place where you can solve your technical problems. 41 | 42 | ## Useful Links 43 | 44 | Official projects and resources of MDBootstrap. 45 | 46 | - [Snippets](https://mdbootstrap.com/snippets/) - Best source of Bootstrap code examples & plugins. 47 | - [LAB](https://mdbootstrap.com/docs/standard/lab/) - Inspirational concepts & experiments created by the community of MDB. 48 | - [UI/UX Tips](https://mdbootstrap.com/docs/standard/customization/ui-ux-tips/) - Quick and easy-to-implement tips to improve your design. 49 | - [Services](https://mdbootstrap.com/services/) - We incorporate all of them in our own products, so our developers are uniquely experienced with these tools. We also use a variety of other solutions. 50 | - [Visual Studio Code snippets](https://github.com/mdbootstrap/MDB-VSCode-snippets) - An extension that allows you to add useful snippets of the most popular MDB 5 components to Visual Studio Code. 51 | - [Angular Visual Studio Code snippets](https://github.com/mdbootstrap/mdb-angular-vscode-snippets) - This extension adds snippets for MDB Angular - Angular Bootstrap UI KIT. 52 | - [Webpack starter](https://github.com/mdbootstrap/mdb-webpack-starter) - This guide describes in detail the capabilities of Webpack Starter. 53 | - [Reviews](https://www.g2.com/products/material-design-for-bootstrap/reviews) - User feedback on mdbootstrap. 54 | 55 | ## Articles 56 | 57 | Contribute to the community and share your technical knowledge - or just read the articles written by others. 58 | 59 | - [Technology comparision](https://mdbootstrap.com/docs/technology-comparison/) - What will be the best JavaScript framework in 2022? 60 | - [Articles](https://mdbootstrap.com/articles/) - Contribute to the community and share your technical knowledge - or just read the articles written by others. 61 | 62 | ## Rankings 63 | 64 | - [UI Kits & Themes](https://mdbootstrap.com/publications/ui-kits/) - Bootstrap, Angular, React, Vue UI Kits. 65 | - [Free Bootstrap Templates & Themes](https://mdbootstrap.com/publications/free-templates/) - Stunning, Responsive Material Design Themes. 66 | - [Premium Bootstrap Templates & Themes](https://mdbootstrap.com/publications/templates/) - Blog, Portfolio, eCommerce, Magazine, Admin Angular & React & Vue Templates. 67 | - [Backend Bootstrap Templates & Themes](https://mdbootstrap.com/publications/backend/) - Jamstack, PHP, MySQL, Python, NodeJS, Tailwind, Laravel Backend Integrations UI Kits. 68 | 69 | ## Tools 70 | 71 | Tools and utilities to help build apps using MDBootstrap. 72 | 73 | - [Logo generator](https://mdbootstrap.com/docs/standard/tools/design/logo-generator/) - Create an elegant and stylish logo in 5 minutes. 74 | - [CSS Masks & Glassmorphism Generator](https://mdbootstrap.com/docs/standard/tools/design/masks/) - Generate the perfect masks for your design. 75 | - [Instagram filters CSS generator](https://mdbootstrap.com/docs/standard/tools/design/instagram-filters/) - Use famous Instagram filters via CSS and apply them to your project. 76 | - [CSS gradients generator](https://mdbootstrap.com/docs/standard/tools/design/gradients/) - Generate the perfect gradient for your design. 77 | - [Fancy border radius generator](https://mdbootstrap.com/docs/standard/tools/design/fancy-border-radius/) - Generate unusual shapes with our border-radius generator. 78 | - [Meta tags generator](https://mdbootstrap.com/docs/standard/tools/builders/meta-tags/) - Take care of your SEO generate the most accurate meta data for Google and social media. 79 | - [Cards generator](https://mdbootstrap.com/docs/standard/tools/builders/cards/) - Create bootstrap cards with custom shapes, buttons, colors, sizes. 80 | - [Buttons generator](https://mdbootstrap.com/docs/standard/tools/builders/buttons/) - Create bootstrap buttons with custom icons, text, shapes, colors, sizes. 81 | - [Charts creator](https://mdbootstrap.com/docs/standard/tools/builders/charts/) - Easy to use chart builder (pie charts, line charts, bar charts). 82 | - [Shadows generator](https://mdbootstrap.com/docs/standard/tools/design/shadows/) - Generate the perfect shadow for your design. 83 | - [SVG waves generator](https://mdbootstrap.com/docs/standard/tools/design/waves/) - Easily generate beautiful SVG shapes and apply them to your design. 84 | - [Datatables builder](https://mdbootstrap.com/docs/standard/tools/builders/datatables/) - Create an elegant and stylish logo in 5 minutes. 85 | - [Alerts generator](https://mdbootstrap.com/docs/standard/tools/builders/alerts/) - Create bootstrap alerts with custom shapes, buttons, colors, sizes. 86 | - [Modals generator](https://mdbootstrap.com/docs/standard/tools/builders/modals/) - Create bootstrap modals with custom shapes, sizes, animations. 87 | - [Icons generator](https://mdbootstrap.com/docs/standard/tools/builders/icons/) - 1600+ icons. Create bootstrap icons custom with sizes, colors, animations. 88 | - [Table generator](https://mdbootstrap.com/docs/standard/tools/builders/table/) - Create bootstrap table custom with sizes, colors, animations. 89 | - [Flexbox generator](https://mdbootstrap.com/docs/standard/tools/builders/flexbox/) - The easiest and fastest way to create and test flexbox in Bootstrap 5. 90 | - [Footer generator](https://mdbootstrap.com/docs/standard/tools/builders/footer/) - Create bootstrap footer with custom coprytight, buttons, forms, links colors, sizes. 91 | - [Navbar generator](https://mdbootstrap.com/docs/standard/tools/builders/navbar/) - Create bootstrap navbar with custom colors, brand, icons, forms, placement. 92 | 93 | ## Data Grid 94 | 95 | Extend your projects functionality with a table component 96 | 97 | - [GetDataDen](https://getdataden.com/) - The ultimate customizable Data Grid 98 | - [Advanced data structure](https://getdataden.com/docs/grid/features/data-loader/#client-side-data-example) - The latest and most advanced data structure allows customizing each column (sort, width, resize, field) and matches values from each row to a column in which the `field` equals a given key value. 99 | - [Draggable columns](https://getdataden.com/docs/grid/features/drag-and-drop/#basic-section) - Experience seamless interactivity with our draggable columns feature. Effortlessly rearrange your data grid to suit your workflow, ensuring optimal organization and efficiency. Just click, drag, and drop to customize your data display exactly as you need. 100 | - [Pagination](https://getdataden.com/docs/grid/features/pagination/#basic-section) - Explore efficient data navigation with our pagination example. Learn to seamlessly handle large datasets by integrating simple, intuitive pagination controls. 101 | - [Column search](https://getdataden.com/docs/grid/features/filtering/header-filters/#basic-section) - Discover the power of quick data retrieval with our search column feature. Easily locate the information you need within your DataDen grids for a more streamlined and productive data management experience. 102 | - [Cell formatting](https://getdataden.com/docs/grid/layout/custom-css/#cell-formatting-section) - Enhance your data grid with our versatile cell formatting options. Tailor each cell's appearance for clarity and impact, using colors, fonts, and styles that make your data speak volumes. Perfect for highlighting critical insights and personalizing your data view 103 | - [Compact version](https://getdataden.com/docs/grid/layout/custom-css/) - Unlock the full potential of your data grid with advanced CSS customization. Style every aspect to match your brand or personal preference, from colors and fonts to layouts. Create a visually cohesive and highly functional data interface with ease. 104 | 105 | 106 | ## CLI & hosting 107 | 108 | Powerful tool which allows you to create different projects. No more difficult configuration and deployment. 109 | 110 | - [MDB CLI](https://mdbgo.com/) - Create, deploy and host your project with a single command. 111 | - [Quick Start](https://mdbgo.com/docs/getting-started/quick-start/) - Get started with MDB CLI easily and quickly and how to use its full potential. 112 | - [Getting Started](https://mdbgo.com/docs/getting-started/installation/) - Step by step on how to create your project and deploy. 113 | - [Overview](https://mdbgo.com/docs/getting-started/overview/) - Guide which will take you on how to perform different actions. 114 | 115 | ## TW Elements useful links (Tailwind CSS) 116 | 117 | An open-source collection of components, templates and plugins for Tailwind CSS. Easily customizable & optimized for performance. 118 | 119 | - [UI Kit](https://tw-elements.com/) - Bootstrap components recreated with Tailwind CSS, but with better design and more functionalities 120 | 121 | [TW Elements integrations](https://tw-elements.com/docs/standard/integrations/) with popular technologies. 122 | 123 | - [Django Integration](https://tw-elements.com/docs/standard/integrations/django-integration/) 124 | - [Angular Integration](https://tw-elements.com/docs/standard/integrations/angular-integration/) 125 | - [Express Integration](https://tw-elements.com/docs/standard/integrations/express-integration/) 126 | - [Laravel Integration](https://tw-elements.com/docs/standard/integrations/laravel-integration/) 127 | - [Next Integration](https://tw-elements.com/docs/standard/integrations/next-integration/) 128 | - [Nuxt Integration](https://tw-elements.com/docs/standard/integrations/nuxt-integration/) 129 | - [Django Integration](https://tw-elements.com/docs/standard/integrations/react-integration/) 130 | - [Remix Integration](https://tw-elements.com/docs/standard/integrations/remix-integration/) 131 | - [Solid Integration](https://tw-elements.com/docs/standard/integrations/solid-integration/) 132 | - [Svelte Integration](https://tw-elements.com/docs/standard/integrations/svelte-integration/) 133 | - [Sveltekit Integration](https://tw-elements.com/docs/standard/integrations/sveltekit-integration/) 134 | - [Vue Integration](https://tw-elements.com/docs/standard/integrations/vue-integration/) 135 | 136 | 137 | ## Education 138 | 139 | Well-organized, up-to-date series of tutorials for the latest Bootstrap, Material Design, HTML, CSS, JavaScript. 140 | 141 | - [Video Tutorials](https://www.youtube.com/channel/UC5CF7mLQZhvx8O5GODZAhdA) 142 | - [Written Tutorials](https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/) 143 | -------------------------------------------------------------------------------- /contributing.md: -------------------------------------------------------------------------------- 1 | # Contribution Guide 2 | 3 | 1. Fork the repo. 4 | 2. Add your project to `README.md` in the most appropriate field. Make sure the description starts with an uppercase character and ends with a period. This is the format: `- [Project Name](Project URL) - A sentence that describes your project and what makes it different from others.` 5 | 3. Commit changes using format: `Add {project name}` 6 | 4. If you cannot think of an appropriate field, open an issue. 7 | 5. Describe in at least one sentence why you think the project is awesome. 8 | 6. Make a PR. 9 | --------------------------------------------------------------------------------