NOTE: This is React version of the RedParts template. Also available:
- HTML/SASS version here
- Angular version here
- MODX version here
- WordPress version here
If you do not know (or are unsure) which version you need, feel free to ask using the contact form on this page.
RedParts — Auto Parts React Template is a responsive template with a unique Spaceship header layout designed specifically for your auto parts store. You can also use it as an electronics store, sports goods, tools store, etc.
Purchased package includes:
- React files
- SCSS files
- Documentation
Implementation Notes
The template is written in TypeScript using the Next.js framework. The components are written in a functional style using React hooks.
If you like my template, don’t forget to rate it
Features
- Two header layouts
- RTL/LTR Supported
- Five different color schemes
- Based on Bootstrap 4.6.x
- Powerful mobile menu
- With auto parts store features
- 100% Responsive Layout
- HTML5, CSS3, SASS
- CSS3 Animation
- SVG & Font Awesome Icons
- BEM syntax
- Roboto Google Font
- Compatible with all major browsers
- Four shop layouts
- Quickview
- Offcanvas filters
- Account pages
- Megamenu
- Vertical Megamenu
- Photoswipe gallery
- Cursor based and page based navigation
Fonts
- Roboto (https://fonts.google.com/specimen/Roboto)
Icons
Most of the icons used in the template are in SVG format, for the rest the following fonts are used:
- Font Awesome (https://fontawesome.com/) – for social networks icons.
Third-party packages used in the template
- React (https://reactjs.org/)
- Next.js (https://nextjs.org/)
- Next Redux Wrapper (https://github.com/kirill-konshin/next-redux-wrapper)
- React Hook Form (https://react-hook-form.com/)
- React Input Range (https://github.com/davidchin/react-input-range)
- React Intl (https://www.npmjs.com/package/react-intl)
- React Redux (https://react-redux.js.org/)
- React Slick (https://react-slick.neostack.com/)
- React Toastify (https://fkhadra.github.io/react-toastify/)
- Reactstrap (https://reactstrap.github.io/)
The following libraries and frameworks are also used:
- Bootstrap (https://getbootstrap.com/)
- Classnames (https://github.com/JedWatson/classnames)
- Redux (https://redux.js.org/)
- Redux Thunk (https://github.com/reduxjs/redux-thunk)
- PhotoSwipe (https://photoswipe.com/)
- query-string (https://github.com/sindresorhus/query-string)
NOTE: Images in the demo are not included in the purchased package.
Changelog
Version 1.2.0 – September 1, 2021
- Fixed: The provided `href` (/catalog/[slug]/products) value is missing query values (slug) to be interpolated properly;
- Updated: Next.js from 10.2.0 to 11.1.2;
- Updated: Other dependencies.
Version 1.1.0 – May 5, 2021
- Added: Support for cursor based navigation;
- Fixed: range filter incorrectly rounds min and max values if they have the same value;
- Fixed: Bug of displaying slides of a react-slick if the infinite property is true and the slides are not enough to fill the entire frame;
- Updated: Next.js from 9.5.2 to 10.2.0;
- Updated: React from 16.13.1 to 17.0.2;
- Updated: react-hook-form from 6.13.1 to 7.4.0;
- Updated: Other dependencies.
Version 1.0.0 — September 2, 2020
- Initial Release