toddle

Nordcraft (official website toddle.dev) is a website building tool for web development and design scenarios. Its core feature is combining an AI agent with a visual website builder. It is officially positioned as a "website builder for creative studios" and claims to give users both the speed of AI and complete creative control.

1. Purpose and positioning Nordcraft is mainly aimed at professional developers, design studios, and teams that value collaboration between design and code. The official statement says it is built by web developers and serves web developers, advocating that "professionals come before beginner-friendliness," meaning the tool should grow with users and not reduce professional capabilities in pursuit of simplicity. It emphasizes the fusion of design and code, allowing designers and developers to collaborate in the same tool, with no handoff, no passing around Figma files, and no worry about losing details.

2. Main capabilities

3. Combination of AI and visual editing: Officially positioned as "AI code meets human creativity," it says its visual design editor provides complete control and instant feedback, avoiding "generic AI design." Users can use AI to build complex interactions and application logic, and track every edit in the visual interface.

4. APIs and live data: It can connect to any backend, CMS, or API, and use built-in API or GraphQL editors to design based on live data. The official website uses PokéAPI as a demonstration example.

5. Animation creation: It has a built-in keyframe animation editor that can combine CSS keyframes, SVG, and custom logic to create unique effects. The official statement says it removes the friction of creating and fine-tuning animations, letting users focus on expression rather than implementation.

6. Built-in publishing capabilities: Nordcraft comes with version management, hosting, and other capabilities needed for continuous publishing.

7. Scalability: The official statement says it can scale with needs from simple websites to large SaaS projects, and cites that its editor itself is built in Nordcraft as proof of its capabilities.

8. How to use it From the conversation examples provided on the official website, users can submit requests to Nordcraft AI in a chat-like interface. For example, when a user asks to convert all Fahrenheit temperatures returned by a Weather API to Celsius, the AI will first understand the component, explain that the API returns Fahrenheit, then edit the files and complete the conversion in three places: the main temperature, the "feels like" temperature, and the hourly temperature, and finally show the modified result. Users can also ask the AI to explain a component, and the AI will explain the component's purpose, workflow, and so on. The official website also provides "Chat Contact entry points such as "with Nordcraft," "video call with the Nordcraft team," and "email Nordcraft." In addition, the official website mentions that you can start building for free, but it does not provide more detailed pricing, fee structure, or complete usage steps.

IV. Use Cases The official use cases listed include: website building for creative studios; web experiences that require highly customized animations and interactions; front-end projects that need to connect to a backend, CMS, or API and be designed based on real-time data; teams where design and development collaborate closely and want to avoid handoff losses; and products of different scales, from simple websites to large SaaS projects.

V. Design Principles and Limitations Four core principles are listed officially:

1. Professional-first rather than beginner-friendly: built for professionals who care about craft, pursuing simplicity without reducing professional depth.
2. Web standards-first rather than custom solutions: enhance and complement Web standards rather than replace or abstract them away.
3. Open source-first rather than vendor lock-in: the framework and runtime are 100% open source under the Apache 2 license, and the official website says there will be more content in 2026.
4. Human creativity over AI: AI is a powerful tool, but it will not replace human creativity, and automation should serve to free up creative time. It should be noted that the above information all comes from the official page text. Regarding specific pricing, the specific operating steps for each feature, the scope of platform support, performance data, and effectiveness commitments, the materials do not currently provide clear details.