This repository contains the source code for the official landing page of Fulling, a next-generation cloud development platform. The website showcases the product's "Terminal Is All You Need" philosophy through a high-performance, retro-futuristic terminal aesthetic.
- Immersive Terminal UI: A custom-designed interface that mimics a high-end terminal environment with strict right angles and monospaced typography.
- Reactive Animations: Smooth, performance-optimized animations using Framer Motion.
- Modern Tech Stack: Built with the latest React 19 and Vite for blazing fast performance.
- Responsive Design: Fully responsive layout that maintains the terminal aesthetic across all devices.
- No-Nonsense Workflow: A clean, developer-focused presentation of the product's value proposition.
- Core: React 19
- Build Tool: Vite
- Language: TypeScript
- Styling: Custom CSS with Tailwind CSS utility support
- Icons: Lucide React
- Animations: Framer Motion
Follow these steps to get the project running on your local machine.
- Node.js (v18 or higher)
- npm or yarn
-
Clone the repository
git clone https://github.com/yourusername/fulling-landing-page.git cd fulling-landing-page -
Install dependencies
npm install
-
Start the development server
npm run dev
The application will be available at
http://localhost:5173.
To create a production-ready build:
npm run buildTo preview the production build locally:
npm run preview├── src/
│ ├── components/ # UI Components (Hero, Navigation, etc.)
│ ├── App.tsx # Main Application Component
│ ├── index.css # Global Styles & Tailwind Imports
│ └── main.tsx # Entry Point
├── public/ # Static Assets
└── package.json # Project Dependencies & Scripts
This project uses a hybrid styling approach. While Tailwind CSS is available, significant styling is handled via custom CSS in index.html and index.css to enforce the strict "terminal" aesthetic (e.g., custom scrollbars, scanlines, and glow effects).
This project is licensed under the MIT License - see the LICENSE file for details.