React-Compatible Functional Components with beautiful animations and mobile first responsive design. Import this and customize all you want!
Fontawesome, react-bootstrap and sass are used in this project.
To install fontawesome, simply put
yarn add @fortawesome/fontawesome-svg-core
yarn add @fortawesome/free-solid-svg-icons
yarn add @fortawesome/react-fontawesome
or with npm if that is more like your vide.
npm i --save @fortawesome/fontawesome-svg-core
npm install --save @fortawesome/free-solid-svg-icons
npm install --save @fortawesome/react-fontawesome
For react-bootstrap
npm install react-bootstrap [email protected]
Do forget to import bootstrap scss
/* The following line can be included in a src/App.scss */
@import "~bootstrap/scss/bootstrap";
/* The following line can be included in your src/index.js or App.js file */
import './App.scss';
For scss
yarn add scss
The way I recommend is take a look at the Components Folder and find your desired one. It is a little tedious comparing with a package. But it would definitely give you the freedom to DWTFYW.
DrapAndDop: A simple drap and upload modal you can use to upload files and such.
ResponsiveSideBar: A responsive sidebar that could hide text and change position based on the current screen width
CircularNavigation: A circular navigation menu with wrapping/expanding animation
GlassmorphismCard: A glassmorphism card component with content fade-in effect