{"id":16395346,"url":"https://github.com/antharuu/bubblegum","last_synced_at":"2025-03-23T04:31:53.359Z","repository":{"id":44625938,"uuid":"325056799","full_name":"antharuu/bubblegum","owner":"antharuu","description":"Bubblegum is a classless CSS framework, this is more than a simple framework, this is a simple, flexible and intuitive modern framework, fast to install, easy to use, and customizable.","archived":true,"fork":false,"pushed_at":"2023-10-31T13:47:27.000Z","size":6049,"stargazers_count":11,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-14T11:42:32.558Z","etag":null,"topics":["classless","classless-css","css","efficiency-css-framework","framework","modern","stylus"],"latest_commit_sha":null,"homepage":"https://bubblegum.vercel.app","language":"Stylus","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/antharuu.png","metadata":{"files":{"readme":"README.html","changelog":"CHANGELOG.html","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-12-28T16:09:59.000Z","updated_at":"2025-01-04T02:23:26.000Z","dependencies_parsed_at":"2022-08-21T03:10:15.790Z","dependency_job_id":"9135eed2-3efe-4ee4-b4a9-2d8489f2ef0f","html_url":"https://github.com/antharuu/bubblegum","commit_stats":{"total_commits":108,"total_committers":4,"mean_commits":27.0,"dds":"0.14814814814814814","last_synced_commit":"cb077fb949ca8253d06703e23e6c71ff3666bb74"},"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/antharuu%2Fbubblegum","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/antharuu%2Fbubblegum/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/antharuu%2Fbubblegum/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/antharuu%2Fbubblegum/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/antharuu","download_url":"https://codeload.github.com/antharuu/bubblegum/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245056889,"owners_count":20553855,"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":["classless","classless-css","css","efficiency-css-framework","framework","modern","stylus"],"created_at":"2024-10-11T05:04:37.977Z","updated_at":"2025-03-23T04:31:52.531Z","avatar_url":"https://github.com/antharuu.png","language":"Stylus","readme":"\u003chtml\u003e\u003chead\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003ctitle\u003eREADME.md\u003c/title\u003e\u003c/head\u003e\u003cbody\u003e\u003cp align=\"center\"\u003e\u003cimg width=\"200\" src=\"https://i.postimg.cc/zXc2sf0z/Bubblegum.png\" alt=\"Bubblegum icon\"\u003e\u003c/p\u003e\u003cp\u003eBubblegum is a classless CSS framework, this is more than a simple framework, this is a simple, flexible and intuitive modern framework, fast to install, easy to use, and customizable.\u003c/p\u003e\u003cp\u003eCreated with \u003ca href=\"https://stylus-lang.com/\"\u003estylus\u003c/a\u003e.\u003c/p\u003e\u003cp\u003e\u003ca href=\"https://github.com/antharuu/BubbleGum/issues\"\u003e\u003cimg src=\"https://img.shields.io/badge/Version-1.1.1-green\" alt=\"GitHub issues\"\u003e\u003c/a\u003e\u003ca href=\"https://openbase.io/js/bubblegum-css?utm_source=embedded\u0026amp;utm_medium=badge\u0026amp;utm_campaign=rate-badge\"\u003e\u003cimg src=\"https://badges.openbase.io/js/rating/bubblegum-css.svg\" alt=\"Rate on Openbase\"\u003e\u003c/a\u003e\u003c/p\u003e\u003cp\u003eA complete html documentation is in the folder or here: \u003ca href=\"https://github.com/antharuu/BubbleGum/wiki\"\u003ehttps://github.com/antharuu/BubbleGum/wiki\u003c/a\u003e.\u003c/p\u003e\u003ch4 id=\"love-logic-but-want-to-use-bootstrap-or-what-you-want--use-bubblegumed\"\u003eLOVE LOGIC BUT WANT TO USE BOOTSTRAP OR WHAT YOU WANT ? USE \u0026quot;\u003ca href=\"https://github.com/antharuu/Bubblegumed\"\u003eBUBBLEGUMED\u003c/a\u003e\u0026quot;!\u003c/h4\u003e\u003ch2 id=\"installation\"\u003eINSTALLATION\u003c/h2\u003e\u003cp\u003eYou can simply download the project or the css on this github repository. Easier and cleaner ways to come.\u003c/p\u003e\u003ch3 id=\"with-npm\"\u003eWith npm\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003enpm i bubblegum-css\u003c/code\u003e\u003c/pre\u003e\u003ch3 id=\"with-composer\"\u003eWith composer\u003c/h3\u003e\u003cpre\u003e\u003ccode\u003ecomposer require antharuu/bubblegum \u0026quot;v1.1.2\u0026quot;\u003c/code\u003e\u003c/pre\u003e\u003ch3 id=\"with-cdn\"\u003eWith CDN\u003c/h3\u003e\u003cpre\u003e\u003ccode class=\"language-html\"\u003e\n\u0026lt;link rel=\u0026quot;stylesheet\u0026quot; href=\u0026quot;https://cdn.jsdelivr.net/npm/bubblegum-css@1.1.2/dist/bubblegum.min.css\u0026quot;\u0026gt;\u003c/code\u003e\u003c/pre\u003e\u003ch2 id=\"usage\"\u003eUSAGE\u003c/h2\u003e\u003cp\u003eIn the idea it\u0026#39;s just a css framework like many others, it\u0026#39;s strongly inspired by bootstrap and tailwindcss. It is however used differently and in a way that I find is more aesthetic for the html code and more practical and intuitive to use.\u003c/p\u003e\u003ch3 id=\"examples-of-equivalent-use\"\u003eExamples of equivalent use\u003c/h3\u003e\u003cpre\u003e\u003ccode class=\"language-html\"\u003e\u0026lt;!-- BOOTSTRAP --\u0026gt;\n\u0026lt;div class=\u0026quot;container\u0026quot;\u0026gt;\n    \u0026lt;div class=\u0026quot;row\u0026quot;\u0026gt;\n        \u0026lt;div class=\u0026quot;col-6\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n    \u0026lt;/div\u0026gt;\n\u0026lt;/div\u0026gt;\n\n\u0026lt;!-- BUBBLEGUM --\u0026gt;\n\u0026lt;div _container\u0026gt;\n    \u0026lt;div _row\u0026gt;\n        \u0026lt;div _col=\u0026quot;6\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n    \u0026lt;/div\u0026gt;\n\u0026lt;/div\u0026gt;\u003c/code\u003e\u003c/pre\u003e\u003cpre\u003e\u003ccode class=\"language-html\"\u003e\u0026lt;!-- BOOTSTRAP --\u0026gt;\n\u0026lt;h1 class=\u0026quot;color-primary text-center bg-secondary\u0026quot;\u0026gt;My text\u0026lt;/h1\u0026gt;\n\n\u0026lt;!-- BUBBLEGUM --\u0026gt;\n\u0026lt;h1 _font=\u0026quot;primary center\u0026quot; _bg=\u0026quot;secondary\u0026quot;\u0026gt;My text\u0026lt;/h1\u0026gt;\u003c/code\u003e\u003c/pre\u003e\u003cpre\u003e\u003ccode class=\"language-html\"\u003e\u0026lt;!-- BOOTSTRAP --\u0026gt;\n\u0026lt;div class=\u0026quot;row justify-content-center\u0026quot;\u0026gt;\n    \u0026lt;div class=\u0026quot;col-10 col-md-10 col-xl-6\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n    \u0026lt;div class=\u0026quot;col-6 col-push-1\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n\u0026lt;/div\u0026gt;\n\n\u0026lt;!-- BUBBLEGUM --\u0026gt;\n\u0026lt;div _row _justify=\u0026quot;center\u0026quot;\u0026gt;\n    \u0026lt;div _col=\u0026quot;10 md:10 xl:6\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n    \u0026lt;div _col=\u0026quot;6\u0026quot; _push=\u0026quot;1\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n\u0026lt;/div\u0026gt;\u003c/code\u003e\u003c/pre\u003e\u003cpre\u003e\u003ccode class=\"language-html\"\u003e\u0026lt;!-- BOOTSTRAP --\u0026gt;\n\u0026lt;div class=\u0026quot;m-2\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n\u0026lt;div class=\u0026quot;y-2 x-5\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n\n\u0026lt;!-- BUBBLEGUM --\u0026gt;\n\u0026lt;div _margin=\u0026quot;2\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\n\u0026lt;div _margin=\u0026quot;y-2 x-5\u0026quot;\u0026gt;\u0026lt;/div\u0026gt;\u003c/code\u003e\u003c/pre\u003e\u003cp align=\"center\"\u003e\u003cimg width=\"120\" src=\"https://i.postimg.cc/zXc2sf0z/Bubblegum.png\"\u003e\u003c/p\u003e\u003c/body\u003e\u003c/html\u003e`","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fantharuu%2Fbubblegum","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fantharuu%2Fbubblegum","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fantharuu%2Fbubblegum/lists"}