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
Category: UI School
Handpicked UI inspiration daily. Only coded UI, Not just designs.
Camera lens using HTML CSS
A minimal and clean implementation of the camera lens UI using HTML and CSS
View More Camera lens using HTML CSS
Learn CSS selectors by playing this mini-game! Mind blown 🤯
Learn CSS selectors by playing this mini-game called CSS Diner made by @flukeout
View More Learn CSS selectors by playing this mini-game! Mind blown 🤯
Login page template using Tailwind – Free download
A simple HTML template for displaying the login page on your website. Use this to quickly show a nice login page that includes social login,…
View More Login page template using Tailwind – Free download
How to add 3d shine effect on hover using CSS?
Checkout this amazing 3d shine effect on hover made using plain simple CSS
View More How to add 3d shine effect on hover using CSS?
How to hide scroll bar in react-snap-carousel
I recently stumbled upon a new react carousel library in a NextJS project. It is called react-snap-carousel and it’s an amazing library. Here’s the link…
View More How to hide scroll bar in react-snap-carousel
Dynamic Island using Flutter | iPhone 14 Pro | Can it be done with Flutter?
Dynamic Island is a new UI experience introduced by apple for iPhone 14 Pro just a few days back. It looked interesting! Can it be…
View More Dynamic Island using Flutter | iPhone 14 Pro | Can it be done with Flutter?
Animated tab bar using Flutter | Can it be done with Flutter? | In-depth animation tutorial
Animated tab bar using Flutter. We’ll build this cool animated tab bar using Flutter’s implicitly animated widgets and the tab controller. The tab bar title…
View More Animated tab bar using Flutter | Can it be done with Flutter? | In-depth animation tutorial
Animated Twitter profile in Flutter | Can it be done in Flutter?
Learn how to build Twitter’s animated header using SliverAppBar in flutter. This is also an example to animate appbar on scroll or animate header on…
View More Animated Twitter profile in Flutter | Can it be done in Flutter?
5 easy ways to center an element with CSS
Centering an element with CSS using the wrong approaches or hacky methods can be painful. Here are 5 easy ways to center an element in…
View More 5 easy ways to center an element with CSS