Skip to content

Latest commit

 

History

History
96 lines (68 loc) · 2.58 KB

README.md

File metadata and controls

96 lines (68 loc) · 2.58 KB

FlutterJS Website 🚀

A beautiful, modern landing page website for FlutterJS - showcasing the power of building SEO-friendly websites with Flutter.

✨ Features

  • 🎨 Modern UI Design - Vibrant gradients, smooth animations, and polished components
  • 📱 Fully Responsive - Works perfectly on mobile, tablet, and desktop
  • 🎯 Interactive Demos - Live Counter and Routing demonstrations
  • ⚡ SEO Optimized - Built with FlutterJS for production-ready web output
  • 🎭 Smooth Animations - Engaging hover effects and transitions

🏗️ Project Structure

flutterjs_website/
├── lib/
│   ├── main.dart              # App entry point
│   ├── app.dart               # App configuration
│   ├── pages/                 # Page components
│   ├── widgets/               # Reusable UI widgets
│   ├── demos/                 # Interactive demo widgets
│   └── theme/                 # Theme and styling
├── web/                       # Web configuration
└── assets/                    # Images and assets

🚀 Getting Started

Prerequisites

  • Flutter SDK (latest stable version)
  • Dart SDK
  • Chrome or any modern browser

Running Locally

# Install dependencies
flutter pub get

# Run in development mode
flutter run -d chrome --web-port 8080

Building for Production

# Build web assets
flutter build web --release

# Or use FlutterJS to convert
flutterjs build

🎨 Tech Stack

  • Flutter - UI framework
  • Material Design 3 - Design system
  • Google Fonts (Inter) - Typography
  • FlutterJS - Flutter to JavaScript conversion

📝 Sections

  1. Hero Section - Eye-catching headline with gradient text and CTA buttons
  2. Features - Grid layout showcasing FlutterJS capabilities
  3. Interactive Demos - Working Counter and Routing demonstrations
  4. Code Examples - Syntax-highlighted FlutterJS usage examples
  5. Getting Started - Step-by-step guide for new users

🎯 Key Highlights

  • Gradient text effects on section headers
  • Smooth animations and hover effects
  • Responsive design for all screen sizes
  • Modern color scheme with vibrant gradients
  • Professional typography and spacing

📦 Dependencies

  • flutter - Flutter SDK
  • google_fonts - Beautiful typography
  • cupertino_icons - Icon set

🔗 Links

📄 License

This project is part of the FlutterJS ecosystem.

Built with ❤️ using Flutter and FlutterJS