.svg){kind=icon}
Visualize Your Colors & Fonts On a Real Site.
Choosing colors or typography for your website? Use the Toolbar below to realize your choices.
CSS HD Gradients
Tailwind Utility Generator. No-build Tailwind. Get the CSS utilities you want. Nothing you don't.
Curlwind allows you to generate Tailwind stylesheets on demand to get only the CSS utilities you need. Generated stylesheets are cached indefinitely so your site stays fast.
Simple online scrollbar editor.
Scrollbar.app is a simple web app which helps developers to design and implement custom scrollbars.
A tiny, permissive CSS selector parser.
Charts.css is an open source CSS framework for data visualization.
Visualization help end-users understand data. Charts.css help frontend developers turn data into beautiful charts and graphs using simple CSS classes.
It's CSS, with just a little more. The dynamic stylesheet language.
Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official documentation for Less, the language and Less.js, the JavaScript tool that converts your Less styles to CSS styles.
A collection of more than 500 loading animations
Tailwind CSS Color Generator - UI Examples & WCAG Contrast Ratios.
Almond.CSS is a collection of class-less CSS styles to make simple websites look better. Almond.CSS helps in two ways: it normalizes the CSS styles to provide similar experience cross-browser, and it spices things a little by adding custom styles (that can be personalized!)
An extremely fast CSS parser, transformer, bundler, and minifier.
Yoga is a cross-platform layout engine which implements Flexbox.
Build flexible layouts on any platform with a highly optimized open source layout engine designed with speed, size, and ease of use in mind.
Cross-platform apps with web technology.
Capacitor is an open source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS.
Feature Detection for Modern CSS.
Live, in-browser detection of modern CSS support for selectors, features, and at-rules. Applies support-based classes, exposes a results object, and allows custom tests.
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.
Minimal snippets for modern CSS layouts and components
Share terminal sessions via SVG and CSS
css flexbox playground