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: UI

UI School

Furniture App – React Native – Speed Code

Ranjith kumar February 28, 2022 No Comments Video JavascriptReactReact NativeUI

Furniture app UI made using React native from scratch along with tabs navigation and screen navigation. This app also has a nicely animated carousel for…

View More Furniture App – React Native – Speed Code
Coding Tutorials UI School

Flutter Tutorial (Only UI) – Building Youtube UI in 30 Mins

Ranjith kumar February 23, 2022 No Comments Video FlutterUI
View More Flutter Tutorial (Only UI) – Building Youtube UI in 30 Mins
Dev resources Spotlight of the day

RoughNotation.js, A JavaScript library to create and animate annotations | Spotlight of the day

Ranjith kumar February 5, 2022 No Comments csshtmlJavascriptUI

Rough Notation uses RoughJS to create a hand-drawn look and feel. Elements can be annotated in a number of different styles. Animation duration and delay…

View More RoughNotation.js, A JavaScript library to create and animate annotations | Spotlight of the day
Spotlight of the day

Rythm.js, A javascript library that makes your page dance | Spotlight of the day series

Ranjith kumar February 3, 2022 2 Comments csshtmlJavascriptUI

A javascript library that makes your page dance.

View More Rythm.js, A javascript library that makes your page dance | Spotlight of the day series
Quick tips for developers

Hide header on scroll easily | Spotlight of the day series | hide sticky header on scroll | autohide

Ranjith kumar February 3, 2022 No Comments csshtmlJavascriptUI

Hide header on scroll down, show the website header on scroll up. Learn how to hide header on scroll down and show header on scroll…

View More Hide header on scroll easily | Spotlight of the day series | hide sticky header on scroll | autohide
Spotlight of the day UI School

I threw a confetti party on my website, Find out how! | Spotlight of the day series

Ranjith kumar February 1, 2022 No Comments csshtmlJavascriptUI

Learn how to shoot confetti on your website using HTML canvas and javascript and make it snow!

View More I threw a confetti party on my website, Find out how! | Spotlight of the day series
Coding Tutorials

Text recognition in the browser using Tesseract.js | Spotlight of the day series

Ranjith kumar January 29, 2022 No Comments Video codingcsshtmlJavascriptReactUI

Learn how to do text recognition in the browser in a react app using tesseract.js Source code is available at Tesseract OCR React Watch the…

View More Text recognition in the browser using Tesseract.js | Spotlight of the day series
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

Posts pagination

Previous page Page 1 Page 2 Page 3 Page 4 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