{"id":15024268,"url":"https://github.com/mdbootstrap/bootstrap-fluent-design","last_synced_at":"2025-04-06T20:12:05.841Z","repository":{"id":49949361,"uuid":"141112424","full_name":"mdbootstrap/bootstrap-fluent-design","owner":"mdbootstrap","description":"Fluent Design Theme for Bootstrap - inspired by Windows style and based on the latest Bootstrap 5.","archived":false,"fork":false,"pushed_at":"2022-11-29T12:33:25.000Z","size":1708,"stargazers_count":324,"open_issues_count":2,"forks_count":43,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-03-30T18:08:57.699Z","etag":null,"topics":["bootstrap","bootstrap5","css","design-system","fluent-design","html","javascript","template","ui-kit"],"latest_commit_sha":null,"homepage":"https://mdbootstrap.com/freebies/fluent-design/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mdbootstrap.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-07-16T08:51:39.000Z","updated_at":"2025-03-25T21:38:20.000Z","dependencies_parsed_at":"2023-01-23T12:45:57.459Z","dependency_job_id":null,"html_url":"https://github.com/mdbootstrap/bootstrap-fluent-design","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fbootstrap-fluent-design","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fbootstrap-fluent-design/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fbootstrap-fluent-design/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fbootstrap-fluent-design/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdbootstrap","download_url":"https://codeload.github.com/mdbootstrap/bootstrap-fluent-design/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247543593,"owners_count":20955865,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","bootstrap5","css","design-system","fluent-design","html","javascript","template","ui-kit"],"created_at":"2024-09-24T20:00:03.074Z","updated_at":"2025-04-06T20:12:05.823Z","avatar_url":"https://github.com/mdbootstrap.png","language":"HTML","readme":"\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://mdbootstrap.com/freebies/fluent-design/\"  target=\"_blank\"\u003e\u003cimg width=\"80\" src=\"https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb.png\" alt=\"Material-UI logo\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003c/p\u003e\n\n\u003ch2 align=\"center\"\u003eFluent Design for the newest Bootstrap 5\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003eComponents in the newest Bootstrap 5 and Fluent Design. Completely new design using the latest Bootstrap\u003c/p\u003e\n\n# Highlights  \n\n**Free for personal and commercial use**  \nOur license is user friendly. Feel free to use Fluent Kit for both private as well as commercial projects.  \n\n**Components**  \nChoose **among 100+ predefined components**. Each component is ready to use and fits perfectly with each other like LEGO bricks. Take, combine, enjoy!.  \n\n**Modularity**  \nFluent Design for Bootstrap comes with both, compiled, ready to use libraries including all features as well as modules for CSS (SASS files) and JS. That allows you to create your custom library including only elements which you really use in your project.   \n\n**10 fresh ready to use templates**  \nWe are going further and giving to you ready to use templates! Use them as you like, as an inspiration, prototype or final product for your customers.  \n\n**Cross-browser compatibility**  \nChrome, Firefox, IE, Safari, Opera, Microsoft Edge - Fluent Kit loves all browsers, all browsers love Fluent Kit.  \n\n**Modularity**  \nFluent Design for Bootstrap comes with both, compiled, ready to use libraries including all features as well as modules for CSS (SASS files) and JS. That allows you to create your custom library including only elements which you really use in your project.  \n\n**Active community**  \nOur society grows day by day. Visit **our forum** and check how it is to be a part of our family.  \n\n**Flex box**  \nFluent Kit fully suppports Flex Box. You can forget about alignment issues.  \n\n**jQuery 3.x and 2.x**  \nFluent Kit is integrated with newest jQuery. Therefore you can use all the latest features which come along with it.\n\n**SASS files**  \nArrenged and well documented .scss files can't wait until you compile them.  \n\n**Detailed documentation**  \nWe give you detailed documentation at your disposal. It will help you to implement your ideas easily.  \n\n\n# Live Preview\n\n[Main demo](https://mdbgo.io/marta-szymanska/mdb5-demo-free-fluent/free/components/full-demo.html) - check visual guide of components in the newest Bootstrap 5 and Fluent Design\n\n\n# Cards\n\n\u003cp\u003eCard is a responsive content container with an extensible option for headers, footers, images, and a wide variety of content.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/freebies/fluent-design/\" alt=\"Fluent Design Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/fluent-cards.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n# Carousel\n\n\u003cp\u003eA slideshow component for cycling through elements—images or slides of text—like a carousel.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/freebies/fluent-design/\" alt=\"Fluent Design Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/demo-carousel.gif\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n# Buttons\n\n\u003cp\u003eButtons provide predefined styles (warning, info, danger) for multiple button types: outline, rounded, social, floating, fixed, tags, etc.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/freebies/fluent-design/\" alt=\"Fluent Design Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/fluent-buttons.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n# Button Group\n\n\u003cp\u003eButton group wraps a series of buttons together into a single line (navbar) or stack in a vertical column.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/freebies/fluent-design/\" alt=\"Fluent Design Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/fluent-button-group.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n\n# Progress\n\n\u003cp\u003eProgress bar is an indicator showing the completion progress, i.e. task or time. Use it with percents, steps \u0026 other options.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/freebies/fluent-design/\" alt=\"Fluent Design Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/fluent-progress.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n# Footer\n\n\u003cp\u003eA footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/freebies/fluent-design/\" alt=\"Fluent Design Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/fluent-footer.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n# Toasts\n\n\u003cp\u003eBootstrap Toast component is a non-disruptive message in the corner of the interface. It provides quick \"at-a-glance\" feedback on the outcome of an action.\u003c/p\u003e\n\n\u003ca href=\"https://mdbootstrap.com/freebies/fluent-design/\" alt=\"Fluent Design Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/fluent-toasts.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n# Acrylic\n\n\u003ca href=\"https://mdbootstrap.com/freebies/fluent-design/\" alt=\"Fluent Design Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/fluent-blur-1.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://mdbootstrap.com/freebies/fluent-design/\" alt=\"Fluent Design Bootstrap 5\" rel=\"dofollow\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://mdbootstrap.com/img/Marketing/campaigns/fluent-blur-2.png\"\u003e\n  \u003c/p\u003e\n\u003c/a\u003e\n\n\n\nA big **thank you to all our users** who are working with us to improve the software. We wouldn't be where we are without you.  \n","funding_links":[],"categories":["HTML"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2Fbootstrap-fluent-design","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdbootstrap%2Fbootstrap-fluent-design","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2Fbootstrap-fluent-design/lists"}