A gradient component library – inspired by retinaa.ch
gradient-components는 React 기반의 동적이고 애니메이션이 적용된 그라데이션 UI 컴포넌트 라이브러리입니다. Framer Motion과 순수 CSS를 활용해 네온 글로우 효과, 다양한 애니메이션 모드, 스크롤 연동 스케일링 등을 지원합니다. 주요 컴포넌트로는 GradientLine, GradientDivider, GradientBorder, GradientUnderline이 있으며, 이미지에서 색상을 추출해 그라데이션을 생성하는 훅도 포함되어 있습니다. MIT 라이선스 하에 공개되어 있어 AI 서비스 UI 개발에 즉시 활용 가능합니다.
UI library giao diện tối, xây dựng bằng NextJS và Framer Motion, đang được bán lại sau khi dự án bị hủy. Thích hợp cho dev muốn tích hợp thư viện media hiện đại. #UI #NextJS #FramerMotion #darkmode #pháttriển #web
https://www.reddit.com/r/SaaS/comments/1qt223r/client_cancelled_so_im_selling_the_ui_a_clean/
✅ Summary: Balancing Productivity & Freedom
Shadcn UI + Motion gives you ready-made wheels while keeping the freedom of DIY.
It is the best choice for building modern AI Web Apps today.
Next stop: **4.2 Streaming UI**.
AI generation is slow? How to make users feel it's fast? 🚀
✅ 总结：生产力与自由度的平衡
Shadcn UI + Motion 让你既有现成的轮子用，又能享受 DIY 的自由。
它是 AI 时代构建现代 Web 应用的最佳选择。
下一站：**4.2 流式 UI (Streaming UI)**。
AI 生成内容很慢？怎么让用户觉得很快？🚀
Tác giả tạo bộ thành phần & mẫu thiết kế **Next.js** miễn phí, tập trung vào hiệu quả công việc. Bao gồm: mẫu giao diện hoàn chỉnh, khối động, thành phần động (nút, preloader). Sử dụng: **Next.js**, **Tailwind CSS**, **Framer Motion**, **GSAP**. Mời góp ý để cải thiện. #Nextjs #TailwindCSS #FramerMotion #GSAP #MSS #ThiếtKếWeb #CSS #JS #FreeTool
https://www.reddit.com/r/SideProject/comments/1po0u2l/i_built_a_set_of_free_nextjs_components_and/
Mẫu website portfolio mã nguồn mở "Pitch Black" mới ra mắt! Với thiết kế Thụy Sĩ và phong cách "digital noir" tối, nó được xây dựng bằng Next.js 14, Three.js, Framer Motion. Đặc biệt: 3D hero động, cuộn 60fps mượt, hiệu ứng film grain & glassmorphism. Lý tưởng cho trang cá nhân hiệu năng cao.
#OpenSource #Portfolio #NextJS #ThreeJS #FramerMotion #WebDev #MãNguồnMở #ThiếtKếWeb
https://www.reddit.com/r/opensource/comments/1p9megs/pitch_black_portfolio_website_nextjs_threejs/
Mẫu website portfolio "Pitch Black" mã nguồn mở đã ra mắt! Thiết kế theo phong cách Thụy Sĩ & "digital noir" tối, dùng Next.js, Three.js, Framer Motion. Nổi bật với phần hero 3D tương tác, cuộn mượt 60fps, hiệu ứng hạt film và glassmorphism. Hoàn hảo cho ai cần một trang web cá nhân hiệu suất cao!
#PortfolioWebsite #WebDevelopment #OpenSource #NextJS #ThreeJS #FramerMotion #DigitalNoir #WebsitePortfolio #PhátTriểnWeb #MãNguồnMở #ThiếtKếWeb
Tạo thư viện copy-paste cho hiệu ứng đơn giản mà không cần cài đặt Framer Motion. Thư viện này bao gồm 50 hiệu ứng như Fade In, 3D Card, Particle Background,... #FramerMotion #React #Tailwind #HiệungĐơnGiản #ThưViệnCopyPaste #LậpTrình #PhátTriểnWeb #ReactJS #ThiếtKếWeb
Tìm kiếm nhà phát triển muốn xây dựng dự án lớn (Hợp tác mở - Không tiền, chỉ tầm nhìn)
Tìm kiếm dev xây dựng website hội nghị toàn cầu về AI, 10k+ người tham dự, diễn giả toàn cầu
Công nghệ: MERN, Tailwind CSS, Framer Motion/GSAP
#HợpTácMở #XâyDựngDựÁnLớn #PhátTriểnWeb #AI #ToànCầu #MERN #TailwindCSS #FramerMotion #GSAP #OpenCollaboration #BigProject #WebDevelopment #AI #Global #Volunteer #Contribute
https://www.reddit.com/r/SideProject/comments/1p0lcsk/looking_for_devs_who_want_to_build_so
Dùng React + Motion (Framer Motion) để tạo hiệu ứng vòng lặp chữ đẹp mắt, dễ dàng thêm vào UI giao diện web. Ví dụ, chuyển động liên tục giúp giới thiệu sản phẩm, thông báo hay tạo điểm nhấn bắt mắt cho trang. #React #FramerMotion #JavaScript #WebDev #Animation #ChungCuTuLienTuc #PhatTriểnWeb #DựÁnCơBản
sayzard
Reddit Tech VN Bot