{"id":13717202,"url":"https://github.com/qlik-oss/leonardo-ui","last_synced_at":"2025-04-06T22:09:18.463Z","repository":{"id":14388822,"uuid":"76359342","full_name":"qlik-oss/leonardo-ui","owner":"qlik-oss","description":"Web UI component library with the Qlik Sense look and feel.","archived":false,"fork":false,"pushed_at":"2024-04-10T16:12:51.000Z","size":3343,"stargazers_count":79,"open_issues_count":21,"forks_count":25,"subscribers_count":32,"default_branch":"master","last_synced_at":"2024-04-14T23:13:45.602Z","etag":null,"topics":["blackduck","css","html","javascript","leonardo-ui","qlik"],"latest_commit_sha":null,"homepage":"https://qlik-oss.github.io/leonardo-ui","language":"CSS","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/qlik-oss.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","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}},"created_at":"2016-12-13T13:04:11.000Z","updated_at":"2024-04-16T18:01:06.488Z","dependencies_parsed_at":"2023-01-12T10:15:29.548Z","dependency_job_id":"ce23771c-2474-4873-96d2-7132b73fc779","html_url":"https://github.com/qlik-oss/leonardo-ui","commit_stats":{"total_commits":152,"total_committers":20,"mean_commits":7.6,"dds":0.6907894736842105,"last_synced_commit":"b02bd30a9b951fb4fe949ff374327c2698afdb74"},"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qlik-oss%2Fleonardo-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qlik-oss%2Fleonardo-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qlik-oss%2Fleonardo-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qlik-oss%2Fleonardo-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qlik-oss","download_url":"https://codeload.github.com/qlik-oss/leonardo-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247557767,"owners_count":20958047,"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":["blackduck","css","html","javascript","leonardo-ui","qlik"],"created_at":"2024-08-03T00:01:19.231Z","updated_at":"2025-04-06T22:09:18.435Z","avatar_url":"https://github.com/qlik-oss.png","language":"CSS","funding_links":[],"categories":["Frameworks / Resources"],"sub_categories":["L"],"readme":"# leonardo-ui\n\n![Logo](docs/src/img/logo.png?raw=true)\n\nA UI component framework with a slim and modern look \u0026 feel. Use it to enhance the UI of your web app! Works well with popular frameworks such as Bootstrap and Foundation. View it in action https://qlik-oss.github.io/leonardo-ui\n\n[![CircleCI](https://circleci.com/gh/qlik-oss/leonardo-ui/tree/master.svg?style=shield)](https://circleci.com/gh/qlik-oss/leonardo-ui/tree/master)\n[![npm](https://badge.fury.io/js/leonardo-ui.svg?branch=master)](http://badge.fury.io/js/leonardo-ui)\n\n## Get started\n\nRun the following command:\n\n```shell\nnpm install --save leonardo-ui\n```\n\nAdd the following to your html:\n\n```html\n\u003chead\u003e\n  \u003clink rel=\"stylesheet\" href=\"node_modules/leonardo-ui/dist/leonardo-ui.css\" type=\"text/css\"/\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n  \u003c!-- Page content --\u003e\n  \u003cscript src=\"node_modules/leonardo-ui/dist/leonardo-ui.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n\u003c/body\u003e\n```\n\nTo use the icon font (optional), add this to your CSS:\n\n```css\n@font-face {\n  font-family: \"LUI icons\";\n  src: url(node_modules/leonardo-ui/dist/lui-icons.woff) format('woff'),\n       url(node_modules/leonardo-ui/dist/lui-icons.ttf) format('truetype');\n}\n```\n\nExample using a button\n\n```html\n\u003cbutton class=\"lui-button\"\u003eDefault\u003c/button\u003e\n```\n\n## Contributing\n\nPlease follow the instructions in [CONTRIBUTING.md](.github/CONTRIBUTING.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqlik-oss%2Fleonardo-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqlik-oss%2Fleonardo-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqlik-oss%2Fleonardo-ui/lists"}