FlowKit Website

Modern website for FlowKit - Visual Scripting for Godot 4

Structure

flowkit.lexian.dev/
├── index.html           # Main website file
├── assets/
│   ├── icon.svg        # Logo file
│   ├── style.css       # Stylesheet
│   ├── script.js       # JavaScript for interactions
│   └── examples/       # Screenshot directory
│       ├── example1.png  # Event Sheet Editor screenshot
│       ├── example2.png  # Adding Conditions screenshot
│       ├── example3.png  # Action Configuration screenshot
│       ├── example4.png  # Node Selection screenshot
│       ├── example5.png  # Custom Providers screenshot
│       └── example6.png  # Runtime Execution screenshot

Adding Example Screenshots

Place your screenshots in the assets/examples/ directory with the following names:

1. example1.png - Event Sheet Editor
2. example2.png - Custom Providers
3. example3.png - Runtime Execution

Recommended image dimensions: 800x600px or similar aspect ratio

Features

• Modern, responsive design
• Dark theme matching Godot's aesthetic
• Smooth scrolling navigation
• Animated card transitions
• Mobile-friendly layout
• SEO-optimized structure

Customization

Colors

Edit CSS variables in assets/style.css:

• --primary-color: Main brand color
• --secondary-color: Accent color
• --background: Background color

Content

Edit sections in index.html:

• Hero section
• Features
• Examples
• Getting Started
• Architecture
• Providers

Deployment

This is a static website and can be hosted on:

• GitHub Pages
• Netlify
• Vercel
• Any static hosting service

License

MIT License - Same as FlowKit