NIM adalah templat situs web pribadi open source gratis yang dibangun oleh Next.js 15, React 19 dan gerak-primivivivitas. – Beragampengetahuan

Buat animasi untuk internet biasanya terasa waktu -yang menghabiskan waktu dan menantang. Ketika animasi menjadi bagian yang semakin penting dari jaringan modern, saya pikir perlu untuk membuatnya lebih mudah, serupa shadcn/uiTetapi untuk komponen animasi.

Inilah sebabnya saya membuat fondasi aksi: ini bertujuan untuk menyederhanakan konstruksi pra -proses penambahan animasi ke situs web, dan dapat menyesuaikan dan mudah -untuk -tegrasi perpustakaan komponen gerak.

Template adalah bagian penting dari proyek utama gerak, NIM adalah yang pertama. Ini dibangun sebagai contoh praktis, yang menggambarkan cara menggunakan komponen -komponen ini dalam portofolio investasi terkecil dan khusus.

Nim Dirancang untuk pengembang dan pendiri yang menginginkan situs web pribadi yang bersih dengan situs web pribadi yang bersih dengan blogging dan detail animasi yang halus. Itu gratis, open source, dan dengan Next.js 15,,,,, Reaksi 19,,,,, Angin ekor css v4Dan Promotor gerakEsensi

NIM dirancang untuk kesederhanaan dan ketersediaan, yang mudah disesuaikan. Blog MdxDan animasi digunakan Promotor gerakEsensi

Apa itu promosi olahraga?

Sports Dominate adalah perpustakaan open source, termasuk komponen gerak yang disesuaikan, pra -dibangun sebelumnya. Ini dibangun oleh olahraga dan anti -angin CSS, yang bertujuan untuk membuat jaringan lebih interaktif dan menyenangkan.

Jelajahi repositori GitHub dan lihat dokumen.

Bagaimana NIM menggunakan subjek olahraga

Ini adalah beberapa komponen yang digunakan dalam template NIM:

Efek teks

Judul “Design Engineer” menggunakan komponen efek teks preset dari preset.

Dialog deformasi

Untuk bagian video, komponen deformasi mengubah video menjadi tampilan kunci.

menyoroti

Di bagian pengalaman kerja, komponen konsekrasi menambahkan efek perbatasan dari kepatuhan kursor.

Latar belakang animasi

Di blog, komponen latar belakang animasi yang melayang di elemen memindahkan latar belakang.

Siklus teks

Di kaki, kami menggunakan TextLoop untuk memutar teks

Varian teks

Di blog, kami menggunakan TextMorph untuk transisi dari “Copy URL” ke “Copy URL” dan menambahkan detail kecil dan menyenangkan.

Matikan catatan

NIM menunjukkan animasi sederhana yang diproduksi dengan cermat dapat meningkatkan kepribadian ke situs web pribadi terkecil, yang lebih menarik dan tak terlupakan.

Demonstrasi Langsung: https: //nim-fawn.vercel.app/
Repositori GitHub:

lebih jauh

Jika Anda tertarik untuk mengeksplorasi lebih banyak komponen olahraga, bagian dan templat yang sudah dibangun, silakan periksa pro-proimitif Motion.