Little curated list of useful packages and things
- Animate.css
- Confetti
- Mela - barebones
- React Transition Group
- Skrollr
- React Spring
- Animate On Scroll
- Motion
- Locomotive Scroll
- React Motion Animate - simple/ua5
- React Scroll Parallax
- React Just Parallax - lightweight
- JS Scroll Position Hook - for on scroll animations
- Smooth Scrolling Animations
- Slick - carousel
- React Select - select input
- React Modal - modal
- React Marquee - flexible marquee (uses css animations)
- Drift Zoom - image zoom on hover
- Fuse - lightweight search library
- [Geist] (https://geist-ui.dev/en-us/components/text) - UI library 1.7mb
- Material UI UI library (react) 60mb
- UIkit UI library 349kb
- Classnames - conditional classes
- Normalize.css - cross-browser consistency
- CSS Grid Guides - development aid
- Clippy - css clip-path
- Gridlex
- Flexbox
- CSS Grid Guides - use with CSS grids
- Prop-types
- Storybook - component preview
- Skeleton - component loading w animation
- Stickup - stick to top when scrolled to
- Octopus.do - visual sitemap builder
- What Font Is - font finder
- Google Cal link creator
- Ellipsis cutoff
backdrop-filter add blur/other graphic effects to all elements behind
filter add drop-shadow to svg/elements and other graphic effects
display: table to fit child content into absolute positioned parent