{"id":14990121,"url":"https://github.com/trendyol/baklava","last_synced_at":"2025-05-13T22:02:04.631Z","repository":{"id":37083696,"uuid":"378948267","full_name":"Trendyol/baklava","owner":"Trendyol","description":"Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.","archived":false,"fork":false,"pushed_at":"2025-04-21T13:48:06.000Z","size":33879,"stargazers_count":1336,"open_issues_count":128,"forks_count":125,"subscribers_count":31,"default_branch":"next","last_synced_at":"2025-04-21T14:53:32.463Z","etag":null,"topics":["components","design-system","frontend","javascript","lit","typescript","web-components"],"latest_commit_sha":null,"homepage":"https://baklava.design/","language":"TypeScript","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/Trendyol.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-06-21T13:55:45.000Z","updated_at":"2025-04-19T19:49:35.000Z","dependencies_parsed_at":"2023-07-18T01:12:50.481Z","dependency_job_id":"d9abc3c3-c7ff-4032-aa95-fddf0b60df93","html_url":"https://github.com/Trendyol/baklava","commit_stats":{"total_commits":587,"total_committers":79,"mean_commits":7.430379746835443,"dds":0.8160136286201022,"last_synced_commit":"9b9fa6c47c464ecc39d1192479d433a3c5f7edfd"},"previous_names":["trendyol/grace"],"tags_count":233,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trendyol%2Fbaklava","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trendyol%2Fbaklava/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trendyol%2Fbaklava/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Trendyol%2Fbaklava/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Trendyol","download_url":"https://codeload.github.com/Trendyol/baklava/tar.gz/refs/heads/next","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251339452,"owners_count":21573729,"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":["components","design-system","frontend","javascript","lit","typescript","web-components"],"created_at":"2024-09-24T14:19:30.108Z","updated_at":"2025-04-28T15:35:46.914Z","avatar_url":"https://github.com/Trendyol.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/127687/233114483-c5b0a8e7-c072-4ced-a7b5-76bce1be4b21.svg\" width=\"200\" alt=\"Baklava Design System Logo\" /\u003e\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eBaklava Design System\u003c/h1\u003e\n\n\u003cp style=\"display:flex;flex-direction:row;gap:10px;justify-content:center;\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@trendyol/baklava\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/@trendyol/baklava.svg\" alt=\"NPM Package Stable\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@trendyol/baklava/v/beta\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/@trendyol/baklava/beta.svg\" alt=\"NPM Package Beta\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/Trendyol/baklava/blob/next/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/trendyol/baklava\" alt=\"License\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.jsdelivr.com/package/npm/@trendyol/baklava\"\u003e\n    \u003cimg src=\"https://img.shields.io/jsdelivr/npm/hm/@trendyol/baklava\" alt=\"jsDelivr hits\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/semantic-release/semantic-release\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/semantic--release-angular-e10079?logo=semantic-release\" alt=\"semantic-release: angular\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://scorecard.dev/viewer/?uri=github.com/Trendyol/baklava\"\u003e\n    \u003cimg src=\"https://api.scorecard.dev/projects/github.com/Trendyol/baklava/badge\" alt=\"OpenSSF Scorecard\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nBaklava is a design system provided by [Trendyol](https://github.com/trendyol) to create a consistent UI/UX for app users.\n\nWeb implementation of the design system is created as native web components so it can be used within every type of web frameworks including Vue, React or Angular. Our target is providing a UI library that has neatly designed and developed for providing best possible user experience for the users of applications that uses Baklava DS.\n\n## How to use\n\nPreferred way of using Baklava is using it via CDN. Just import library JS and CSS files to your main document like below:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@trendyol/baklava/dist/themes/default.css\" /\u003e\n\u003cscript type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@trendyol/baklava/dist/baklava.js\"\u003e\u003c/script\u003e\n\n\u003c!-- We highly recommend using the manuel version of the Baklava library --\u003e\n\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@trendyol/baklava@x.x.x/dist/themes/default.css\" /\u003e\n\u003cscript type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@trendyol/baklava@x.x.x/dist/baklava.js\"\u003e\u003c/script\u003e\n\n```\n\nThis way library will be served from a very high performant CDN and all of the Baklava web components will be ready to use inside your web project.\n\n```html\n\u003cbl-button\u003eBaklava works!\u003c/bl-button\u003e\n```\n\n## How to contribute\n\nBaklava Design System is always open for direct contributions. Contributions can be in the form of design suggestions, documentation improvements, new component\nsuggestions, code improvements, adding new features or fixing problems. For more information please check our [Contribution Guideline document](./CONTRIBUTING.md).\n\n## Useful Links\n\n* [Storybook Documentation](https://baklava.design/)\n* [Figma Design Document](https://www.figma.com/file/RrcLH0mWpIUy4vwuTlDeKN/Baklava-Design-Guide)\n* [Project Board](https://github.com/orgs/Trendyol/projects/4)\n* [Discussion Board](https://github.com/Trendyol/baklava/discussions)\n* [Mobile (React-Native) Implementation](https://github.com/Trendyol/baklava-react-native)\n* [Icons Library](https://github.com/Trendyol/baklava-icons)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrendyol%2Fbaklava","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftrendyol%2Fbaklava","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrendyol%2Fbaklava/lists"}