React responsive carousel component w/ grid layout

My personal website using React and styled-components. I used grids from my 'grilled' package. I handcrafted a carousel component with modal and lazy loading, which I went on to create react-gallery-carousel. My current website is still at https://yifanai.com/

Implemented simple carousel with conditional rendering

A photography portfolio app. Displays hero carousel images, album grids, and a lightbox modal for viewing photos. Includes a contact form and organized album/project pages. Built with React (Create React App), Tailwind CSS, and static JSON data for image collections.

Interactive Book Library, A modern React application with full CRUD functionality, real-time search, grid/list views, and responsive design. Features include animated hero carousel, form validation, success/error notifications, JSON Server integration, and smooth view transitions. Built with Context API, React Router, and professional UI/UX design.

React one page responsive portfolio --> carousel and bootstrap grid

anime grid using react and mui wiith a modal carousel

A React component library featuring a versatile card display system with three seamless view modes: grid, list, and 3D carousel.

An e-commerce website built using React and Firestore. Features a grid of products, a carousel of featured products and a single product page with more details.

ImagesSwiper is a React component that displays a set of images in a grid. Clickable images take you to a full-screen view like a carousel with navigation.

A full-stack Product Management App with featured product carousel, recommended product grid, built with React + Node.js/Java + MongoDB | CRUD operations, search, sort, image upload, and clean UI.

A responsive React application implementing Udemy-like UI components such as the hero section, categories grid, courses carousel with tabs, and trusted companies banner. Built with modular components and custom CSS.

A mock e-commerce app for retro videogames built using SCSS React.js and a Firestore database. Features include a product carousel, a product grid, product order forms and a cart.

Responsive Frontend Dashboard built with React A fully responsive web dashboard featuring a fixed header, collapsible sidebar, card-based layout, image carousel, tab components, and mobile-first responsiveness using CSS Grid, Flexbox, and media queries.

This React project implements a responsive 3-column grid of product images with carousel sliders for each column. The design is fully responsive, ensuring that the page adapts seamlessly across all major devices and browsers.

An adaptive site of the online store on React. There's a working shopping cart, product cards with a magnifier on images and product images carousel. This is what I used in this project: vite, scss, bem, React Router, useState, useContext, useEffect, grid

Developing a React-based web application with a focus on responsive UI components, including image grids, interactive search bars, and testimonial carousels. Utilizing Material-UI/Tailwind CSS for styling and implementing efficient navigation using react-router-dom. Responsible for troubleshooting compilation errors, optimizing dependencies,

A dynamic React.js application that features a responsive navigation bar, an initial welcome page, and an interactive user card grid. Users are fetched from an API and displayed with dynamically generated avatars in a carousel format.

Created a website using React.js for a client's cafe located in New Jersey,US to hone my skills doing real world projects after 4 months of learning React.js. Implemented the react-grid module to add a gallery for displaying products in a carousel format and React router to create pages showcasing products and company information

Interactive Q&A accordion with single/multiple modes. React hooks & modular components. Dynamic HEX & RGB color generator with live preview. React hooks & state management. Responsive image carousel with API integration, navigation arrows & pagination dots. Paginated product loader with "Load More" button. API calls & responsive grid layout.

A React Native Web application for the Monova assignment. Features include a dynamic item grid with real-time filtering and a buttery-smooth, horizontally scrollable outfit carousel. The focus is on UI fidelity, micro-interactions, and clean code architecture.

A single-page portfolio (SPA) built with Next.js 16, React 19, and Tailwind CSS v4. It features a minimalist design with an adaptive project gallery (Grid on Desktop, Touch Carousel on Mobile), deep URL-based filtering, and seamless light/dark theme toggling.

Posties is a digital postcard collection application featuring an immersive 3D carousel and grid layout for exploring curated memories. Built with React 19, TypeScript, and Tailwind CSS, it offers fluid animations and a responsive design to modernize the charm of thoughtful correspondence.

An interactive drag-and-drop tile board built with React. It allows users to pick tiles from a scrollable carousel and place them onto a 3x3 grid. Tiles can be rearranged, swapped, or removed back to the selection area, supporting both mouse and touch interactions.

Item Manager App is a two-page React.js application where users can add and view items with details like name, type, description, cover image, and additional images. Items are displayed in a responsive grid, and clicking an item opens a modal with full details and image carousel.

Create a modern React + Vite static website for a Pet Store. Pages: Home (/): Hero banner with store name, tagline, CTA button “Shop Now”, a featured pets/products section, and a testimonials carousel. Products (/products): Static grid of pet supplies (dog food, cat toys, aquariums, etc.) with images, names, prices, and "Add to Cart" button (non...