.svg){kind=icon}
Open source browser tools for everyday use.
Omatsuri is a progressive web application with 12 open source frontend focused tools. Omatsuri translates to «festival» from Japanese (お祭り) and here we have a small festival of applications. It was built with strong respect to your privacy – you will never see ads and it does not include analytics services (or actually any services at all). You are highly encouraged to explore source code and use it in your projects.
Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.
Futuristic Sci-Fi UI Web Framework.
Arwes is a web framework to build user interfaces based on futuristic science fiction designs, animations, and sound effects. The concepts behind are opinionated with influences from Cyberprep and Synthwave, and productions like Star Citizen, Halo, and TRON: Legacy. It tries to inspire advanced science and technology.
Tailwind CSS Color Generator - UI Examples & WCAG Contrast Ratios.
A tool to create accessible color systems
The app helps you to create accessible color systems with predictable contrast ratios.
💌 Build and send emails using React.
A collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript.
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!)
CSS-in-JS library designed for high performance style composition.
Emotion is a library designed for writing css styles with JavaScript.
It provides powerful and predictable style composition in addition to a great developer experience with features such as source maps, labels, and testing utilities.
Both string and object styles are supported.
In WCAG 2, contrast is a measure of the difference in perceived brightness between two colors, expressed as a ratio
A very lightweight and flexible accessible modal dialog script.
a11y-dialog is a lightweight yet flexible script to create accessible dialog windows.
Find used fonts on any website with Fonty.io.
Enter a website URL and our tool will analyze the fonts used on the site and display them for you to view. This can be useful for web designers and developers looking to learn more about the typography used on a specific website.
UI/UX animation emphasizes the details to which users should pay attention, helping them navigate the site.
Unstyled, fully accessible UI components.
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Ultra Fast, Zero Runtime, Headless UI Components. Empower Your Web with Ultimate Performance and Flexibility
With Kuma UI's headless, zero-runtime UI components, build top-performing websites effortlessly, while enjoying the best developer experience. Say hello to the future of CSS-in-JS
Panda is a universal styling solution for the modern web — build time, type safe, and scalable CSS-in-JS. Build modern websites using build time and type-safe CSS-in-JS.
CSS-in-JS with build time generated styles, RSC compatible, multi-variant support, and best-in-class developer experience.
Instant On-demand Atomic CSS Engine.
Simple Color System for Complex Digital Interfaces.
Carefully picked colors to match with your interfaces challenges.
Oh, these damn good tools:
- Privacy Policy Generator
- Screenshots
- Full Page Screenshots
- Detect Fonts
- Chat With Any PDF
- Summarize Any URL
- Grammar Fixer
- Damn Good Chat
- Scrolling Screenshots
a small tool to help you calculate proportion ratios for typography, but also for shapes, components, and containers when you want to build large, medium, small, and other kind of size variations
Product tours, highlights, contextual help and more. A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page.
Powerful, highly customizable vanilla JavaScript engine to drive the user's focus across the page.