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
  • The Squad
    • Codingislove Forum
    • Codingislove Jobs
    • Codingislove Bin

Category: UI School

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

css shape-outside example
UI School

CSS shape-outside example to wrap text around image

Ranjith kumar January 7, 2021 No Comments 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
Coding Tutorials UI School

React UI tutorial – Building Instagram video player using HTML and CSS Flex

Ranjith kumar July 27, 2020 No Comments JavascriptReact

React tutorial – Build Instagram video player using ReactJS and Flex system of CSS. The main intention of this video is to show how to…

View More React UI tutorial – Building Instagram video player using HTML and CSS Flex
UI School

CSS Speech bubbles

Rajesh DN July 20, 2020 2 Comments csscss bubble shapescss speech bubblespure css speech bubbles

In this article, I’m going to show you guys how to create the different kinds of speech bubbles. In past creating a speech bubbles was…

View More CSS Speech bubbles
UI School

Animated SVG Avatar in login form using GSAP

Ranjith kumar February 26, 2018 No Comments animationscsshtmlUI

This excellent SVG Avatar animation is made using Greensock Tweenmax and some trigonometry.

View More Animated SVG Avatar in login form using GSAP
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 3 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

Posts navigation

Page 1 Page 2 Page 3 Next page

Interesting stuff

General

Why Google’s Flutter Is Perfect for Cross-Platform App Development

Tarun Nagar July 25, 2020 2 Comments

Technological advancement today has figuratively impacted the lives of millions of people around the globe.  Thanks to the rapidly changing and ever-developing technical expertise, individuals…

General Quick tips for developers

How to open emoji keyboard on Windows or Mac

Ranjith kumar July 17, 2020 No Comments

I recently found out that Windows and Mac have a built-in emoji keyboard. I was surprised to know that there’s a built-in emoji keyboard for…

Dev resources General

DeepMoji, Artificial emotional intelligence with machine learning

Ranjith kumar July 3, 2020 No Comments

Have you ever wanted to automatically detect the tone of a user in their messages? It’s definitely a tough ride! One word or one comma…

General

Super cool hexapod robot simulator with ReactJS

Ranjith kumar June 30, 2020 No Comments

Check out this super cool hexapod robot simulator. Its a browser based simulator built with React and Plotly

UI inspiration of the day

css shape-outside example
UI School

CSS shape-outside example to wrap text around image

Ranjith kumar January 7, 2021 No Comments

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

Latest video

Ad

Coding is Love | © Copyright All rights reserved