Motion UI
Explore my collection of animation components and interactive UI elements built with Motion.
Building Website is My Passion!
Hey, I'm Ali! I've been working in web development for 3 years, mainly focusing on front-end development with ReactJS.
What I use
ReactJS
A JavaScript library for building user interfaces
NextJS
The React framework for production-grade applications
TailwindCSS
A utility-first CSS framework for rapid UI development
Framer Motion
A production-ready motion library for React
Redix UI
An open source UI component library for building high-quality interfaces
Drizzle ORM
A TypeScript ORM for SQL databases with a focus on type safety
Better Auth
A modern authentication library built
Projects
The App/Website I'm using
Blogs
Eslint Setup
Eslint, Prettier, Husky, Lintstage are the best option for checking before committing.
Lemon Squeezy API Endpoints
Lemon Squeezy is a platform that allows you to sell digital products.
Making Website
I see lots of developers start coding straightforwardly without having any designs or plans before coding it.
Contents
Random Stuff
Ship Now Organization
I created this organization to help me build projects quickly, since previously I had to spend time going through documentation to get projects working properly.
Volleyball Counter
One night, I was the referee for a volleyball game. I was frustrated that I had to count the points manually. So, I made this simple counter for tracking points and games. Later that day, It helped me a lot to focus on the game not remembering the number of points.