Articles for the Frontend tag
-
SVGInject: Teaching Your Images to Speak CSS
An icon trapped inside an img tag is a sealed envelope: you can see it, but you cannot touch the words inside. SVGInject opens the envelope at runtime so CSS can read every line.
-
react-inlinesvg: Give Your SVGs CSS Superpowers
If you have ever tried to recolor an SVG loaded through an img tag and hit a wall, this little component is the answer you have been looking for.
-
relative-time-element: The HTML Tag That Says 5 Minutes Ago
Every timestamp on GitHub.com that whispers 'opened 3 days ago' is powered by one small custom element. Here is how to use it in your own apps.
-
Sanding Down the Sharp Edges of View Transitions with view-transitions-toolkit
The native View Transitions API is powerful but low-level. This toolkit hands you small, well-typed helpers that turn its most tedious recipes into one-liners.
-
Puter.js: The SDK That Ate Your Backend and Liked It
What if you could build an app with authentication, cloud file storage, a database, and access to GPT, Claude, and Gemini -- all from a single frontend import with no API keys, no server, and no bill? Puter.js makes that pitch and somehow delivers on it.
-
Unleash the Power of jQWidgets: A React UI Carnival
Embark on a journey through the vibrant world of jQWidgets for React, where creating sophisticated UI components becomes a delightful adventure. This article will guide you through the ins and outs of this powerful library, showing you how to transform your React applications into visually stunning and highly functional masterpieces.
-
Orchestrating UI Harmony with Flowbite React
Embark on a journey through the melodious world of Flowbite React, where Tailwind CSS and React components dance in perfect harmony. This comprehensive guide will tune your development skills to create stunning, responsive web interfaces with the ease of a maestro conducting a well-rehearsed orchestra.
-
Unleash the Power of Smart UI: Supercharging React with smart-webcomponents-react
Embark on a journey to elevate your React applications with smart-webcomponents-react. This powerful UI library offers a treasure trove of components and features designed to streamline development and enhance user experiences.
-
Geist UI: Conjuring Minimalist Magic in React
Embark on a journey through the elegant realm of Geist UI, where minimalism meets functionality in a harmonious dance of React components. This article will guide you through the enchanting features and practical applications of this modern UI library, helping you craft stunning web experiences with ease.
-
Unleash the Icon Extravaganza with @iconify/react
Dive into the world of @iconify/react, where icons come alive in your React applications. This article explores how to harness the power of over 200,000 icons with ease and flexibility.