Baklava screenshot

Baklava

Author Avatar Theme by Trendyol
Updated: 16 May 2025
1337 Stars

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

Overview:

Baklava is a design system provided by Trendyol that aims to create a consistent UI/UX for app users. It is implemented as native web components, allowing it to be used within various web frameworks such as Vue, React, or Angular. The goal of Baklava DS is to provide a UI library that is well-designed and developed, offering the best possible user experience for applications that utilize it.

Features:

  • Native Web Components: Baklava is implemented as native web components, allowing it to be used with different web frameworks.
  • Consistent UI/UX: The design system helps create a consistent and unified user interface and experience across applications.
  • High Performance CDN: The preferred way of using Baklava is through a CDN, ensuring high performance and availability of the library.

Installation:

To use Baklava, you can import the library’s JS and CSS files from a CDN. Here is an example of how to import them into your main document:

<script src="https://cdn.example.com/baklava.js"></script>
<link rel="stylesheet" href="https://cdn.example.com/baklava.css">

By importing these files, the Baklava web components will be readily available for use in your web project.

Summary:

Baklava is a design system provided by Trendyol that offers a consistent UI/UX for app users. It is implemented as native web components, making it compatible with various web frameworks. The use of a high-performance CDN ensures the availability and optimal performance of the Baklava library. Contributions to the design system are encouraged and can be made in the form of design suggestions, documentation improvements, code improvements, or the addition of new features. Useful links to documentation, design resources, and the project board are provided for further information.