https://github.com/Trendyol/baklava

Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.
https://github.com/Trendyol/baklava

components design-system frontend javascript lit typescript web-components

Last synced: about 4 hours ago
JSON representation

Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.

• Host: GitHub
• URL: https://github.com/Trendyol/baklava
• Owner: Trendyol
• License: mit
• Created: 2021-06-21T13:55:45.000Z (over 3 years ago)
• Default Branch: next
• Last Pushed: 2024-10-24T09:16:50.000Z (25 days ago)
• Last Synced: 2024-10-29T14:54:52.922Z (19 days ago)
• Topics: components, design-system, frontend, javascript, lit, typescript, web-components
• Language: TypeScript
• Homepage: https://baklava.design/
• Size: 20.2 MB
• Stars: 1,265
• Watchers: 34
• Forks: 112
• Open Issues: 128
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS
  • Security: SECURITY.md

Awesome Lists containing this project

README

        


Baklava Design System




  

    

  

  

    

  

  

    

  

  

    

  

  

    

  



Baklava is a design system provided by [Trendyol](https://github.com/trendyol) to create a consistent UI/UX for app users.

Web 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.

## How to use

Preferred way of using Baklava is using it via CDN. Just import library JS and CSS files to your main document like below:

```html

```

This 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.

```html

Baklava works!

```

## How to contribute

Baklava Design System is always open for direct contributions. Contributions can be in the form of design suggestions, documentation improvements, new component

suggestions, code improvements, adding new features or fixing problems. For more information please check our [Contribution Guideline document](./CONTRIBUTING.md).

## Useful Links

* [Storybook Documentation](https://baklava.design/)

* [Figma Design Document](https://www.figma.com/file/RrcLH0mWpIUy4vwuTlDeKN/Baklava-Design-Guide)

* [Project Board](https://github.com/orgs/Trendyol/projects/4)

* [Discussion Board](https://github.com/Trendyol/baklava/discussions)

* [Mobile (React-Native) Implementation](https://github.com/Trendyol/baklava-react-native)

* [Icons Library](https://github.com/Trendyol/baklava-icons)