Skip to content
  • Youtube
  • Facebook
  • Twitter
Coding is Love

Coding is Love

Coding is Love
Coding is Love
  • Home
  • Tutorials
  • Interesting stuff
  • Dev resources
  • UI School
  • About Us

Tag: css3

UI School

Amazing AI slider created using javascript animations

Ranjith kumar July 10, 2023 No Comments animationscsscss3htmlJavascriptUI

Check out this interesting animation made with GSAP (Green Sock animation platform). You can tap the slider and change the value but the AI robot…

View More Amazing AI slider created using javascript animations
UI School

How to create a responsive photo grid using CSS

Ranjith kumar July 3, 2023 No Comments csscss3htmlUI

Google Images is an example of a responsive photo grid gallery which also opens images with a full preview on tap. Here’s how to create…

View More How to create a responsive photo grid using CSS
Quick tips for developers

How to access Tailwind config from JS?

Ranjith kumar July 2, 2023 No Comments csscss3htmlJavascript

We might need to access tailwind configuration in javascript sometimes. Let’s say we want to use one of our primary colors in a place where…

View More How to access Tailwind config from JS?
UI School

How to create pancake stack layout easily using Grid in CSS

Ranjith kumar June 30, 2023 No Comments csscss3htmlUI

Commonly referred to as a sticky footer, this layout is often used for both websites and apps.

View More How to create pancake stack layout easily using Grid in CSS
Dev resources UI School

How to animate list reordering with React easily

Ranjith kumar June 26, 2023 No Comments csscss3htmlJavascriptReactUI

Reordering a list and animating them is a very good user experience. Users will understand that the items’ order has changed clearly if we animate…

View More How to animate list reordering with React easily
Dev resources UI School

Easily create wave shapes in CSS using this tool!

Ranjith kumar June 25, 2023 No Comments csscss3htmlUI

Many times, we want to create interesting backgrounds for our websites using custom shapes likes waves, triangles, curves etc. Here’s how to quickly do it…

View More Easily create wave shapes in CSS using this tool!
Quick tips for developers UI School

How to set number of lines for text in CSS

Ranjith kumar June 21, 2023 No Comments csscss3htmlUI

Do you want to limit the number of lines to n for a div or text element using CSS? Here’s how to do it.

View More How to set number of lines for text in CSS
Dev resources Quick tips for developers UI School

Tailwind CSS bottom navigation tabs component free download

Ranjith kumar June 12, 2023 1 Comment csscss3htmlReactUI

The bottom navigation tab bar is a commonly used component. It is seen in many apps and websites. I was developing a website with Tailwind…

View More Tailwind CSS bottom navigation tabs component free download
css shape-outside example
UI School

CSS shape-outside example to wrap text around image

Ranjith kumar January 7, 2021 1 Comment csscss3html

CSS shape-outside is that CSS property that helps in wrapping text around a picture or a shape etc.

View More CSS shape-outside example to wrap text around image
UI School

Behind the sun! Pure CSS Animation

Ranjith kumar January 5, 2021 No Comments animationscsscss3html

Check out this awesome animation made with just HTML and CSS!

View More Behind the sun! Pure CSS Animation

Posts pagination

Page 1 Page 2 Next page

Interesting stuff

Dev resources General

Ultimate Guide: Build A Mobile E-commerce App With React Native And Medusa.js

Ranjith kumar February 15, 2025 No Comments

Looking to build a mobile app with Medusa.js? This comprehensive guide walks you through creating a React Native Medusa mobile app from scratch. Whether you’re starting a new project…

Dev resources General

Free open source alternative to Notion along with AI

Ranjith kumar July 13, 2023 No Comments

Are you looking for an open-source alternative to Notion? Notion is a freemium productivity and note-taking web application developed by Notion Labs Inc. Here’s a…

Dev resources General

How to replace face in a video for free?

Ranjith kumar July 11, 2023 3 Comments

Do you want to replace a face with a deep fake? You’ve probably come across a few extensions for editing software and some online tools…

Dev resources General

6 Free authentication services for your next app

Ranjith kumar July 7, 2023 No Comments

Authentication is required in almost every app. Any app that requires a user to login needs an authentication service. These authentication services are also called…

UI inspiration of the day

UI School

Amazing AI slider created using javascript animations

Ranjith kumar July 10, 2023 No Comments

Check out this interesting animation made with GSAP (Green Sock animation platform). You can tap the slider and change the value but the AI robot…

Latest video

Ad

Coding is Love | Designed by: Theme Freesia | WordPress | © Copyright All right reserved