DEV Community: UI Geeks

How to add LottieFiles Animation in HTML

UI Geeks — Thu, 04 Nov 2021 16:37:01 +0000

In this video we will show you how to add animated icons or illustrations to HTML . We will use #lottie file Animation its very easy to use .which is free to use! It allows you to create animation. You can export them as high framerate MP4's, as well as export the CSS animation code (and JSON)!

How to use Lottie files animation.
how to add lottie animation in website.
lottie aniamtion in html

Links:
LottieFile :
https://lottiefiles.com/

Watch More Animation web Tutorials :
Glitch Text Animation Using Baffle.js | HTML & CSS
https://youtu.be/YTXxbusCCr0

Infinite Marquee Animation Using jQuery.Marquee | HTML & CSS
https://youtu.be/33qPfl16tZw

I'm on some other places on the internet too!

Follow on Instagram
https://www.instagram.com/uigeeks

DEV Community
https://dev.to/uigeeks

Responsive Image slider using Owl Carousel | HTML & CSS

UI Geeks — Wed, 13 Oct 2021 19:16:11 +0000

In This Video Tutorial, I will be showing How to Create Responsive Image slider using Owl Carousel | HTML & CSS . This carousel is stage carousel automatic image sider with works very better in any mobile device as well as a desktop device. This automatic image slide makes with popular jQuery plugin Owl Carousel.

Source :

Owl Carousel :
https://owlcarousel2.github.io/OwlCarousel2/

Images :
https://unsplash.com/

CDN
jQuery : https://cdnjs.com/libraries/jquery

Source Code
GitHub : https://github.com/Ui-geeks/Responsive-image-slider-

Watch More Animation web Tutorials :
Glitch Text Animation Using Baffle.js | HTML & CSS
https://youtu.be/YTXxbusCCr0

Infinite Marquee Animation Using jQuery.Marquee | HTML & CSS
https://youtu.be/33qPfl16tZw

I'm on some other places on the internet too!

Follow on Instagram
https://www.instagram.com/uigeeks

Responsive Messaging App UI Dashboard HTML & CSS

UI Geeks — Thu, 30 Sep 2021 14:38:55 +0000

Design a clean Responsive messaging App UI or Chat ui Dashboard, using #HTML and #CSS .

In this video you will learn how to make a professional messaging app or chat app Dashboard Page with HTML and CSS . You will learn to create the good looking, chat ui dashboard page that you can use in your web applications and it is mobile friendly. This is a tutorial geared towards beginners, who want to learn HTML and CSS website design and development and also learn how to design a cool looking Chat ui dashboard template.

Dashboard #chatapp #messagapp #HTML #CSS

Source Code :

GitHub Link :
https://github.com/Ui-geeks/Messaging-App-UI-Dashboard

Watch More Animation web Tutorials :
Glitch Text Animation Using Baffle.js | HTML & CSS
https://youtu.be/YTXxbusCCr0

Infinite Marquee Animation Using jQuery.Marquee | HTML & CSS
https://youtu.be/33qPfl16tZw

How to create a Responsive Circle Images | HTML & CSS

UI Geeks — Wed, 29 Sep 2021 19:57:29 +0000

Today, I’m going to show how to create responsive circle images using html and css.
If you enjoyed the video don't forget to subscribe and turn on your notifications! , Like and Comment .

youtube link:
https://youtu.be/HLn9XPDimAo

Rotate Circular Text Animation | Using HTML, CSS & CircleType JS

UI Geeks — Wed, 29 Sep 2021 19:52:51 +0000

Hello Everyone I am back with another awesome tutorial, in this video ill show you how to create Circular text animation using Circular Type JS.
Please share the video and subscribe to my channel.

youtube link:
https://youtu.be/zqxJLH1wjZM
Links:
Circular Type js : https://circletype.labwire.ca/

Source code:
https://github.com/Ui-geeks/Circular-Text