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

Category: UI School

Handpicked UI inspiration daily. Only coded UI, Not just designs.

Coding Tutorials UI School

Building Medium’s claps animation using React Native

Ranjith kumar January 22, 2018 2 Comments ReactReact NativeUI

This is a quick tutorial on composing animations with React Native. This tutorial is made for beginners. Just read the React Native’s Animation documentation and…

View More Building Medium’s claps animation using React Native
Coding Tutorials UI School

Building Youtube UI in 30 Mins – React Native Tutorial

Ranjith kumar December 8, 2017 1 Comment ReactReact NativeUI

A quick video showing how to build UI of Youtube mobile app using React Native. This video will help you get started with coding UIs…

View More Building Youtube UI in 30 Mins – React Native Tutorial
Dev resources UI School

Site under maintenance page template – Free download

Ranjith kumar October 31, 2017 6 Comments html templates

A simple HTML template for displaying site under maintenance. Use this to quickly show a nice message which says “We apologize for the inconvenience, but…

View More Site under maintenance page template – Free download
UI School

Simple Button Hover effect – Border Hover effect

Rajesh DN October 9, 2017 No Comments UI

In this article we are going to explore the Simple Button Hover effect – Border Hover effect. You might have come across many different kinds…

View More Simple Button Hover effect – Border Hover effect
UI School

Glowing Social icons hover effect

Rajesh DN September 11, 2017 2 Comments CSS icon hover effectcss3Icon hover effectsocial iconsSocial media Icon hover effect

You might have seen many different kinds of social icon hover effects, But In this article, I’m going to show you, how to create the…

View More Glowing Social icons hover effect
UI School

Build a smokin’ hot coffee cup animation using CSS ☕

Rajesh DN June 27, 2017 2 Comments

In this article, I came up with something very cool stuff — Smoking hot coffee cup animation. Ya!! you read it correctly, don’t get confused…

View More Build a smokin’ hot coffee cup animation using CSS ☕
UI School

Image hover effect using CSS filters

Rajesh DN June 13, 2017 2 Comments css filterscss3

In this article, we are going to explore the Different kinds of Image hover effects using CSS filters (grayscale, blur) and CSS3 scale method of transform…

View More Image hover effect using CSS filters
UI School

Hamburger button effects – Part 2

Rajesh DN May 31, 2017 2 Comments css3hamburger button

Some time ago, I wrote an article on hamburger button. where I’ve shown how to create a very basic and simple hamburger button effect. In this…

View More Hamburger button effects – Part 2
UI School

Image hover caption sliding effect

Rajesh DN May 19, 2017 No Comments

Some time ago, I wrote an article about the Image caption hover effect. where I covered the basics about the Image caption hover effect. here,…

View More Image hover caption sliding effect
UI School

Sticky Navigation bar using Jquery

Rajesh DN May 15, 2017 No Comments

In this article, I’m going to explain about — how to create the Sticky Navigation bar. Which is very interesting animation effect and which we…

View More Sticky Navigation bar using Jquery

Posts pagination

Previous page Page 1 … Page 3 Page 4 Page 5 Page 6 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