If you have any questions or need further assistance that is not covered in this documentation, please don't hesitate to reach out to us. You can contact us by email or through the contact page on our website. We are here to help and will be happy to address any inquiries or concerns you may have.
Tulsy is a highly flexible and feature-rich React and Bootstrap 5 landing page template. With its responsive design and 11 unique demo variations, it caters to a wide range of needs, whether you're showcasing a product, service, marketing campaign, app, or SaaS solution. Built on the latest version of Bootstrap (v5.3.3), Tulsy ensures compatibility and offers easy customization options to tailor the template to your specific requirements. Its versatility and adaptability make it an ideal choice for creating professional and visually appealing landing pages.
We have added different types of Swipers and Carousels in Tulsy.
Please feel free to get back to me in case if you are having any question or feedback.
We have followed the standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.
React files ├── public/ ├── src/ │ ├── assets │ │ ├── css │ │ ├── fonts │ │ ├── images │ │ └── scss │ ├── components │ │ └── All the common files. │ ├── layout │ ├── pages │ ├── routes // all the routes. │ ├── App.tsx │ └── index.tsx ├── package.json ├── tsconfig.json ├── .env └── tsconfig.json
Installation is described here.
npm install / yarn
|
Yarn can be used as a package manager to handle dependencies and manage the project's development environment. |
npm start / yarn start
|
Yarn start can be used to run the project on http://localhost:3000 . |
import React from 'react';
import Routing from './Routes';
function App() {
return (
<React.Fragment>
<Routing />
</React.Fragment>
);
}
export default App;
Files are explained below:
| File | Description |
|---|---|
bootstrap.min.css
|
Tulsy uses the bootstrap v5.3.3. The core bootstrap file is being used in all the pages. |
style.css
|
This file is containing all common styles for all the pages. |
Tulsy React is having routing setup based on React-Router.
You can find our template's router configuration in
src/Routes folder. the
src/Routes/allRoutes.tsx file is containing all routes
of our template.
Note : All private & public routes are rendered in
src/App.tsx file.
You can easily add, change or remove any route by simply making changes described below:
1. Open src/Routes/allRoutes.tsx file, declare your
component. E.g.
import newPage from "../pages/newPage"
2. If your page is a private page (with full layout) then add route in routes. E.g.
{ path: "/new-page", component: <newPage /> }
Each of these properties are explained below:
Here is the list of Plugins which helped us to make admin better.
{
"name": "tulsy",
"version": "2.0.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^6.6.3",
"@testing-library/react": "^16.0.1",
"@testing-library/user-event": "^14.5.2",
"@types/jest": "^29.5.14",
"@types/node": "^22.9.0",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"bootstrap": "^5.3.3",
"react": "^18.3.1",
"react-bootstrap": "^2.10.5",
"react-countup": "^6.5.3",
"react-dom": "^18.3.1",
"react-router-dom": "^6.28.0",
"react-scripts": "^5.0.1",
"react-scrollspy": "^3.4.3",
"sass": "^1.69.7",
"swiper": "^11.1.14",
"typescript": "5.3.2",
"typewriter-effect": "^2.21.0",
"web-vitals": "^4.2.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@types/react-modal-video": "^1.2.3"
},
"overrides": {
"typescript": "5.3.2"
}
}
Thank you once again for your purchase! Your satisfaction is important to me, and I'm here to assist you with any inquiries related to the theme.
We value your suggestions and feedback. If you have any ideas for new features or improvements, please don't hesitate to contact me. I'm committed to continuously enhancing the theme, and I'll make every effort to incorporate your suggestions into future updates. Your input plays a crucial role in making the theme even better. Feel free to reach out to me, and I'll be delighted to discuss your ideas and work towards implementing them.
Stay Awesome!
- Themesdesign
Version 2.0.0 12 Nov, 2024
Version 1.0.0 6 Dec, 2023
Copyright © Themesdesign.