Skip to main content

Lily's Lab

Day 6 of 20

20-days-challengeui-library

"The biggest barrier to sharing our work is often the voice in our heads telling us it's not good enough. But even unfinished creations can inspire and grow into something incredible when shared with the world."

These words resonated deeply with me yesterday, and they gave me the courage to share an ongoing project thatโ€™s close to my heart.

๐——๐—ฎ๐˜† ๐Ÿฒ/๐Ÿฎ๐Ÿฌ: Anime UI Library

A few weeks ago, I stumbled upon ๐—”๐—ป๐—ถ๐—บ๐—ฒ๐—ท๐˜€ in a tweet by its founder. The smooth, captivating animations immediately caught my attention.

As I explored further, an idea started to take shape: Why not build a library of reusable UI components using React, Tailwind CSS, and Anime.js?

And so, the Anime UI Library was born.

๐—ช๐—ต๐—ฎ๐˜ ๐—ถ๐˜€ ๐—”๐—ป๐—ถ๐—บ๐—ฒ ๐—จ๐—œ ๐—Ÿ๐—ถ๐—ฏ๐—ฟ๐—ฎ๐—ฟ๐˜†? Itโ€™s an open-source library of pre-designed, animated components tailored for web developers. Whether youโ€™re just starting out or youโ€™re a seasoned developer, this tool is here to save you time and effort when designing web components.

โ†’ Pre-designed and animated components: Simply integrate them into your projects. โ†’ Built with React, Tailwind CSS, and Anime.js: A modern tech stack for modern developers. โ†’ Open to contributions: Add your own animations, improve existing ones, or suggest new ideas.

๐—ช๐—ต๐˜† ๐—–๐—ผ๐—ป๐˜๐—ฟ๐—ถ๐—ฏ๐˜‚๐˜๐—ฒ? If youโ€™ve been looking for an easy way to get started with contributing to open-source, this is the perfect opportunity. The library is beginner-friendly, and Iโ€™m here to help if you have any questions.

โ†’ Fork the repo. โ†’ Clone it to your local machine. โ†’ Start contributing and building alongside the community.

๐—˜๐˜…๐—ฝ๐—น๐—ผ๐—ฟ๐—ฒ ๐—”๐—ป๐—ถ๐—บ๐—ฒ ๐—จ๐—œ ๐—Ÿ๐—ถ๐—ฏ๐—ฟ๐—ฎ๐—ฟ๐˜† โ†’

Letโ€™s build something amazing together! ๐Ÿš€