How does Framer Motion make layout changes look seamless? In this post, we're taking a deep dive into FLIP, the technique used by Framer Motion to animate changes in layout without sacrificing performance.

Collection of UI components. Contribute to Ali-Hussein-dev/indie-ui development by creating an account on GitHub.

React, a popular JavaScript library for building user interfaces, provides a powerful and flexible way to create dynamic and reusable…

Drop shadows. Web designers have loved them for a long time to the extent that we used to fake them with PNG images before CSS Level 3 formally introduced

A quick trick: add a pseudo-element and animate it with CSS transitions on hover.

One way to optimize your site's speed and performance is by using WebP image files. These are a modern image format that offers numerous advantages over traditional formats like JPEG and PNG.

Looking for similar npm packages? Use Npm Compare (npm-compare.com) to compare package features, popularity, npm trends, and discover alternatives.

This article explores the different methods you can use to import and use SVGs in a Next.js application.

Reponsive & Modes supported dashboard templates built with Mantine UI - devshinthant/mantine-boards

A high-quality & reliable React Hooks library. https://alibaba.github.io/hooks/ - alibaba/hooks

React’s startTransition and useTransition Hooks allow you to create responsive apps by separating immediate UI renders and non-urgent updates.

While coding in JavaScript, there may be times when you need to compare objects for equality. The thing is, comparing objects in JavaScript is not that straightforward. In this article, you learn three ways to compare objects for equality in JavaScri...

I recently worked on an exciting project that involved creating a website capable of switching between languages to appeal to a broader audience. This made me understand the concept of "localization" better, which typically entails adapting content t...

Written by our consultant Sovanny Huy

Performance optimization is a critical challenge in modern web development. React’s built-in support for code splitting and lazy loading…

Server Side Rendering (SSR) is a very useful technique that makes web apps appear faster. The initial HTML is displayed before the JavaScript is parsed

Suspense is an exciting, upcoming feature of React that will enable developers to easily allow their components to delay rendering until they’re “ready,”

🥢 A minimalist-friendly ~2.2KB routing for React and Preact - molefrog/wouter

React-Router is a powerful tool for creating single-page applications in React. It allows developers to define multiple routes in their…

Useful CSS custom functions using the new @​function rule - sindresorhus/css-extras