{"id":19344194,"url":"https://github.com/vtnorton/heartthrob-ds","last_synced_at":"2025-04-23T04:36:19.014Z","repository":{"id":42837140,"uuid":"135076592","full_name":"vtnorton/heartthrob-ds","owner":"vtnorton","description":"The heartthrob design system can add more elegancy to your project, here you will find the basic stuff from this ultimate framework.","archived":false,"fork":false,"pushed_at":"2023-02-27T15:29:45.000Z","size":24275,"stargazers_count":8,"open_issues_count":4,"forks_count":1,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-04-02T07:41:20.977Z","etag":null,"topics":["css","fluent-design","framework"],"latest_commit_sha":null,"homepage":"https://heartthrob.vtnorton.com","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vtnorton.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-05-27T19:46:50.000Z","updated_at":"2024-03-27T14:07:09.000Z","dependencies_parsed_at":"2023-02-03T00:16:20.299Z","dependency_job_id":null,"html_url":"https://github.com/vtnorton/heartthrob-ds","commit_stats":null,"previous_names":[],"tags_count":38,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vtnorton%2Fheartthrob-ds","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vtnorton%2Fheartthrob-ds/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vtnorton%2Fheartthrob-ds/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vtnorton%2Fheartthrob-ds/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vtnorton","download_url":"https://codeload.github.com/vtnorton/heartthrob-ds/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250372421,"owners_count":21419718,"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":["css","fluent-design","framework"],"created_at":"2024-11-10T03:42:50.249Z","updated_at":"2025-04-23T04:36:18.643Z","avatar_url":"https://github.com/vtnorton.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# heartthrob: overview\nThe heartthrob framework can add more elegancy to your project, to looks like the Microsoft Fluent Design design, it was also inspired by [Michael West](https://www.michaelwe.st/fluent-kit/) - an incredible designer who will dominate the world with his ideas.\n\nBuilt from scratch with bare CSS/JavaScript since 2016, it uses the grid system for responsive websites based in Bootstrap 3, the idea is to have a starter point when you need to develop a solution for your company or for yourself, it's clean, simple, easy and lightweight.\n\nThe ideia behind this project is to make it as simple as possible for new developers, and agencies that creates several websites a month, by making it simple to study, contribute and modify. It also does a lot of automatic functions without you needing to spend too much time in it.\n\nClick here to see the full [documentation](http://heartthrob.vtnorton.com/) \n\nA new component is ready to use, see [heartthrob-vision](http://heartthrob.vtnorton.com/vision.html)\n\n### perfect for dashboards\nI've built and use Heartthrob in several dashboards and CMSs, on several startups and corporate systems.\n\nMore to share about this soon.\n\n### bootstrap Grid System\nOne of the key points of Heartthrob is using the same Bootstrap Grid System, with a tool that you have more control.\n\nIt also has a lot of compatibility with any website using Bootstrap since we used a lot of similiar classes names.\n\n### kendo ui compatibility\nInside Heartthrob you will find a ``kendo.heartthrob`` css file, that can add all the work made in this framework to the Kendo interface. This looks pretty good for grids, dropdowns, scheduler and other inputs.\n\n## status \n\n[![Build Status](https://dev.azure.com/vtnorton/Heartthrob/_apis/build/status/heartthrob?branchName=master)](https://dev.azure.com/vtnorton/Heartthrob/_build/latest?definitionId=9\u0026branchName=master)\n\n[![npm version](https://badge.fury.io/js/heartthrob.svg)](https://badge.fury.io/js/heartthrob)\n\n\n## download and installation\n\nFull download and installaton scenarios here: [documentation](http://heartthrob.vtnorton.com/) \n\n# contribute: let's build it together\nMe and my team are using it in the solutions we build every single day, so expect nice fixes and small additions as it will be more and more compatible with Kendo and other browsers.\n\nI'm completly open to have contributions to this project, so go to the [GitHub page](https://github.com/vtnorton/Heartthrob) to help me make it even better!\n\nIf you want to contribute to the documentantation go to [heartthrob-docs github repository](https://github.com/vtnorton/Heartthrob-docs)\n\n## here is a quicky guide in how to contribute to the framework:\n\n1. Clone this project. \n```\ngit clone https://github.com/vtnorton/Heartthrob.git\n```\n2. Use `npm install` to install all dependencies\n3. Use the text editor you want to make any changes inside `/src`\n4. Once is finished and you want to build what you created, just run the command: `gulp build`, and a directory `/build` will apper, use this directory to implement across your system.\n\n## don't code? Still want to contribute!?\nHere is a few things you can do - almost in every open source project - that would help it be even better:\n\n* Find something cool on the internet that you want to be added here? Tell me!\n* Found a bug, please report! Will fix it ASAP - this is actually the code my team uses every single day.\n* This documentation can be improved somehow? Just say it to me and will do my best!\n* Is something missing? In the documentation? Repository? Or in your life? You will be heard!\n* Follow me on Twitter (@vt_norton) and in my blog to have info about updates!\n\n## project roadmap\nI'm sharing with some some of my plans to move foward with heartthrob as I'm focused on:\n\n* Accessibility: I want to make it more accessible for every person in the world and make it easy for developers to create accessible websites.\n* Kendo UI compatibility: A lot of work to make a full compatibility with kendo is needed - including for different browsers. Also I'm focused on simplifing the kendo.heartthrob.css file.\n* Responsibility: some heartthrob components isn't ready for mobile yet, like `header` and `content`.\n\nConstributors of all kinds from the community are welcome, but especially those that support the efforts above.\n\n# license\nCopyright (c) vtnorton. All rights reserved.\n\nLicensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvtnorton%2Fheartthrob-ds","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvtnorton%2Fheartthrob-ds","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvtnorton%2Fheartthrob-ds/lists"}