Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fredvuni/tailwind-react-landing
A react tailwind landing page for an education site
https://github.com/fredvuni/tailwind-react-landing
cloudflare framer-motion landing-page react react-icons react-slider tailwindcss
Last synced: about 2 months ago
JSON representation
A react tailwind landing page for an education site
- Host: GitHub
- URL: https://github.com/fredvuni/tailwind-react-landing
- Owner: FREDVUNI
- Created: 2023-02-13T09:58:14.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-01T12:47:56.000Z (about 2 months ago)
- Last Synced: 2024-12-01T13:39:31.154Z (about 2 months ago)
- Topics: cloudflare, framer-motion, landing-page, react, react-icons, react-slider, tailwindcss
- Language: JavaScript
- Homepage: https://tailwind-react-landing.pages.dev/
- Size: 947 KB
- Stars: 13
- Watchers: 2
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tailwind React Landing Page
This repository contains a responsive landing page template built using React, Tailwind CSS, and Vite. The landing page is designed for an educational site, showcasing its features and services.
## Features
- **Responsive Design:** Ensures compatibility across various devices and screen sizes.
- **Sleek UI:** A modern and intuitive user interface to highlight educational offerings.
- **Vite for Efficient Development:** Utilizes Vite for a rapid development experience.## Installation
1. Clone this repository:
```bash
git clone https://github.com/FREDVUNI/tailwind-react-landing.git
```2. Navigate into the project directory:
```bash
cd tailwind-react-landing
```3. Install dependencies:
```bash
npm install
```## Usage
To start the development server:
```bash
npm run dev
```This will launch the application in development mode at `http://localhost:3000`.
To build the application for production:
```bash
npm run build
```## Technologies Used
- **React:** A JavaScript library for building user interfaces.
- **Tailwind CSS:** A utility-first CSS framework for designing responsive web pages.
- **Vite:** A next-generation frontend tooling to streamline development.
- **NPM:** Package manager for Node.js packages.## Contributing
Contributions are welcome! Please fork the repository, make changes, and create a pull request. Follow these steps:
1. Fork the repository.
2. Create a new branch for your feature (`git checkout -b feature/MyFeature`).
3. Commit your changes (`git commit -am 'Add my feature'`).
4. Push to the branch (`git push origin feature/MyFeature`).
5. Create a new Pull Request.# screenshot
![image](https://github.com/FREDVUNI/tailwind-react-landing/assets/41730664/1ca496a4-0406-4bcf-9f60-3e076425d8a3)