4 cool custom repo components

shrey vijayvargiya - Aug 18 - - Dev Community

Welcome to the iHateReading Custom Repository section.

For most of you who don't know what is iHateReading, check out the website, it's a platform for developers to learn programming as well as build projects and stay updated in programming.

https://ihatereading.in

Today I am launching a section called custom repo, that basically means custom repositories help developers

  • to simply copy-paste the source code or code components
  • download/clone/reuse the code boilerplates
  • learn fast
  • build efficiently

For example, below are the 4 code samples I've shared

Check the demos video

Infinite carousel component

Infinite scroll animations carousel component built using GSAP and Tailwind CSS in next.js app
Component

Temperature slider component

Slide to change the temperature component again animated using gsap and tailwind css
Component

Smallest portfolio or NavigationBar component

Smallest portfolio component
Component

ScrollSyncModal

Scroll to increase the component size again and build using gsap and Tailwind CSS
Component

Currently, the libraries used are as follows

  1. GSAP
  2. Tailwind CSS
  3. Framer Motion
  4. React Spring
  5. Mantine.Dev

Soon more components and boilerplates will be released so stay tuned and do check the website, ihatereading.in/customrepo

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .