Baklava is a design system provided by 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.
Download Free lightweight animations for website & apps. Lightweight, scalable animations for your ads and social media.
LottieFiles takes away the complexity from Motion Design. It lets you Create, Edit, Test, Collaborate and Ship a Lottie in the easiest way possible.
css flexbox playground
Generator, Maker, and Background
A general situation that we all might face while going through websites/apps is to wait for some progress or something to get loaded. A most simple solution in such scenarios is to use a loader or spinner to indicate users that something is loading in the background. Considering this, I tried to create a library having a collection of such loaders/spinners. There are no image dependencies for this library. It's developed using pure CSS. Hence it will load fast and is easily customizable too.
Collecting all the cheat sheets
A CSS analyzer that goes through your CSS to find all kinds of relevant statistics.
zero-runtime CSS in JS library.
Write CSS in JS and get real CSS files during build. Use dynamic prop based styles with the React bindings and have them transpiled to CSS variables automatically. Great productivity with source maps and linting support.
Water.css is a drop-in collection of CSS styles to make simple websites like this just a little bit nicer.
Open source pure CSS hover effect library for images.
Flipping how we define typography in CSS.
Capsize makes the sizing and layout of text as predictable as every other element on the screen. Using font metadata, text can now be sized according to the height of its capital letters while trimming the space above capital letters and below the baseline.
Open source button system leveraging CSS variables.
Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications.
A CSS framework without all the fluff. A CSS framework that helps with layouts and leaves your styling alone.
Blunt doesn't have any opinions on how your applications should look. It only provides helper classes to make positioning and responsive design easier.