react-scroll 很好用,但我们仍然可以在 react 和tailwindcss 中使用 scroll-behavior: smooth。这是我的解决方案: 文件夹和文件 结构: App.js : import "./App.css"; import AntyHero from "./components/AntyHero"; import Footer from "./components/Footer"; import Hero from "./components/Hero"; impor...
Developed using ReactJS, ThreeJS and react three fiber, this project is a clone of Apple's iPhone 15 Pro website, built using React.js and TailwindCSS. It showcases advanced animations and 3D model rendering using GSAP (Greensock Animations) and Three.js, giving users an immersive and enga...
reactreduxtypescriptnextjsgsapssgtailwindcsssmooth-scrollbartwin-macrostrapi-cms UpdatedJan 11, 2023 TypeScript NicolasFlorez130/Gravity Star0 This project was created with the main purpouse of practice animations and that beautifull effect called Parallax Scrolling, which I done using for first time...
React Provider Component to add a smooth scroll effect. View DemoView Github Install npm install --save react-use-smooth-scroll Usage import React from 'react' import { UseEffectScroll } from 'react-use-smooth-scroll' import 'react-use-smooth-scroll/dist/index.css' const App = () => { ...
A responsive and dynamic shopping cart built with React and Tailwind CSS, featuring real-time price calculations with a 10% discount, quantity adjustments, and a confirmation modal for item deletion. This project demonstrates a smooth and interactive cart experience with scalable UI components. dynam...
It leverages modern web technologies to deliver real-time chat functionality, secure user authentication using Clerk Auth, and an intuitive user interface handled by Next.js, React.js, Tailwind CSS, and Shadcn.Features 🪶Real-time Chat: Engage in instant messaging with individuals or groups. ...