✨ CSS Tooltip & Speech Bubble is an online tool that allows developers and designers to effortlessly create CSS-only tooltips and speech bubbles using a single HTML element. Users can customize various shapes, including solid and gradient colorations, with or without border-radius. Each shape's tail position is adjustable via a range slider, providing precise control over the design. Clicking on a shape copies the corresponding CSS code for easy integration into projects. This generator simplifies the process of crafting modern, responsive UI components.
✨ Pixel Icon Library is an open-source collection of pixelated icons meticulously designed on a 24px grid, ensuring perfect alignment and consistency. The library offers over 400 unique pixelated vector icons, available in multiple formats including SVG and PNG. Users can integrate these icons into their projects via NPM packages, direct HTML & CSS, or through a Figma component library. Licensed under CC BY 4.0, the icons are free to use with appropriate attribution. This resource is ideal for developers and designers seeking to add a retro, pixel-art aesthetic to their work.
✨ CSS Doodle Art is a playground for making abstract designs using CSS Grid and custom properties. No JavaScript—just pure CSS magic to generate geometric art. Users can tweak variables to create endless visual variations. Ideal for front-end devs and digital artists experimenting with code. Export your doodles as SVGs or share them as animated backgrounds.
✨ BeerCSS is a lightweight and modern front-end framework designed for simplicity and responsiveness. It follows Material Design principles, offering pre-styled components with minimal effort. The framework is built using pure HTML and CSS, requiring no JavaScript for basic usage. With its easy integration and sleek design, BeerCSS is great for fast, clean UI development. It also supports dark mode and adaptive layouts, making it versatile for various projects.