Skip to content

5tarlight/think-block

Repository files navigation

Think Block

Think Block is an intuitive web platform that allows you to build AI models by dragging and connecting blocks (nodes). Create complex AI workflows with a simple, visual interface.

Features

  • Visual Node-Based Editor: Drag, drop, and connect blocks to build your AI model
  • Intuitive Interface: User-friendly canvas for creating AI workflows
  • WebGPU: Boost learning with WebGPU
  • File Management: Upload and manage your AI assets through the sidebar
  • Real-time Visualization: See your model architecture as you build it

Getting Started

Prerequisites

  • Node.js (version 18 or higher)
  • npm or any package managers

Installation

  1. Clone the repository
git clone https://github.com/5tarlight/think-block.git
cd think-block
  1. Install dependencies
npm install
# or
yarn install
  1. Start the development server
npm run dev
# or
yarn dev
  1. Open your browser and navigate to http://localhost:5173

How to Use

  1. Select Nodes: Browse through the available nodes in the sidebar
  2. Drag and Drop: Place nodes on the canvas
  3. Connect Ports: Link the output ports of one node to input ports of another
  4. Configure Properties: Adjust the parameters of each node as needed
  5. Execute: Run your model with the configured settings

Technology Stack

  • Frontend: React, TypeScript
  • Build Tool: Vite
  • Styling: Tailwind CSS
  • State Management: Custom stores

Contributing

We welcome contributions! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

  • Thanks to all contributors who have helped shape Think Block

Developed with ❤️ by 5tarlight

About

Block based AI modeling web application

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages