The instant on-demand Atomic CSS engine. UnoCSS is an engine instead of a framework because there are no core utilities - all the functionalities are provided via presets or inline configurations. We are imagining UnoCSS being able to simulate the functionalities of most of the existing atomic CSS frameworks. And possibly have been used as the engine to create some new atomic CSS frameworks!
A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
Pollen is a library of CSS variables for rapid prototyping, consistent styling, and as a zero-runtime utility-first foundation for your own design systems. Heavily inspired by TailwindCSS.
Free Components libraryfor utility first CSS frameworks.
It’s usually necessary to store user data server side in a database or similar repository. This guarantees persistence and ensures users can access their data from any web-connected browser (presuming your storage system is reliable, of course!) But sometime, storing data in the browser could become a more viable option. Post by Craig Buckler.
Slinkity is a plugin that can extend any 11ty site. Unlocks component frameworks (React, Vue, and Svelte) for writing page templates and layout templates. Includes powerful shortcodes to insert components into existing pages. Hydrates these component-driven pages on the client. (Optionally) Turns your site into a single page app.
In a recent front-end project, one of the components included an interesting cut-out effect. There are multiple ways to do such an effect in CSS or SVG, but each way has its pros and cons. I thought about exploring the solutions for this challenge and share them with you. By Ahmad Shadeed
petite-vue is an alternative distribution of Vue optimized for progressive enhancement. It provides the same template syntax and reactivity mental model with standard Vue. However, it is specifically optimized for "sprinkling" small amount of interactions on an existing HTML page rendered by a server framework.
With modern HTML and CSS, we can create responsive and accessible web apps with relative ease. In my years of doing software development, I have learned some HTML and CSS tips and tricks, and I want to present these in this post. This list is not exhaustive, but these are tried and true patterns that I frequently use in different projects.
MiniSearch is a tiny but powerful in-memory fulltext search engine written in JavaScript. It is respectful of resources, and it can comfortably run both in Node and in the browser.
Windi CSS is the next generation Tailwind CSS compiler. If you are already familiar with Tailwind CSS, think about Windi CSS as an alternative to Tailwind, which provides faster load times, and supports all the features in Tailwind v2.0 and more.
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.
Guide your users through a tour of your app.
In this post the author will outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display.
10 Modern CSS layout and sizing techniques that highlight just how robust and impactful a single-line of styling code can be.
An unofficial SvelteKit documentation.
