Thi.ng is a collection of open-source libraries designed to empower developers, designers, and artists working in computational design, generative art, and interactive projects. Built by enthusiasts and contributors worldwide, Thi.ng provides modular, reusable building blocks that simplify complex workflows—whether you're creating data visualizations, generative graphics, or interactive installations.
The project emphasizes flexibility, performance, and accessibility, making it a valuable resource for anyone interested in exploring the intersection of code and creativity. With support for multiple programming languages and frameworks, Thi.ng is particularly useful for those who want to experiment with computational aesthetics without reinventing the wheel.
What Is Thi.ng?
Thi.ng is a modular ecosystem of open-source libraries that provide tools for computational design, generative art, and interactive applications. The project is organized into several sub-libraries, each focusing on a specific aspect of creative coding, such as geometry, data visualization, or real-time rendering.
Key features of Thi.ng include:
- Cross-language support: Libraries are available for JavaScript, TypeScript, Clojure, and more, allowing you to work in the language you prefer.
- Performance-oriented: Built with efficiency in mind, Thi.ng libraries are optimized for speed and scalability, even in resource-intensive projects.
- Community-driven: An active community of contributors continuously improves and expands the libraries, ensuring they stay relevant and up-to-date.
- Documentation & examples: Comprehensive guides, tutorials, and code examples make it easier for newcomers to get started.
Why Use Thi.ng for Computational Design?
Computational design often involves repetitive tasks like generating shapes, processing data, or creating interactive elements. Thi.ng eliminates much of this manual work by providing pre-built functions and components that you can integrate directly into your projects. This not only saves time but also ensures consistency and reliability in your designs.
For example, if you're working on a generative art piece, you can use Thi.ng's thi.ng/geom library to handle geometric operations, or leverage thi.ng/tldraw for interactive drawing tools. The modular nature of Thi.ng means you can pick and choose the components you need, reducing unnecessary bloat in your applications.
Getting Started with Thi.ng
To begin using Thi.ng, you'll need a basic understanding of programming, though the project is designed to be accessible to both beginners and experienced developers. Here’s a quick guide to help you set up your first project:
1. Install a Thi.ng Library
Thi.ng libraries are distributed via package managers like npm, Clojars, or GitHub. For JavaScript/TypeScript users, you can install a library using npm:
npm install @thi.ng/geomFor Clojure users, add the dependency to your deps.edn file:
{:deps {org.clojars.thi-ng/geom {:mvn/version "1.0.0"}}}2. Explore the Documentation
Thi.ng provides extensive documentation, including API references, tutorials, and example projects. The official Thi.ng website is the best place to start. It includes:
- Detailed library documentation
- Step-by-step tutorials
- Live demos and interactive examples
3. Experiment with Examples
The Thi.ng GitHub repositories include a wealth of example projects that demonstrate how to use the libraries in real-world scenarios. These examples cover everything from simple geometric patterns to complex interactive installations. Cloning and modifying these examples is a great way to learn and experiment.
Popular Thi.ng Libraries
Thi.ng is divided into multiple sub-libraries, each serving a specific purpose. Here are some of the most popular ones:
thi.ng/geom – Geometry & Shapes
This library provides tools for working with geometric shapes, transformations, and path operations. It’s ideal for projects involving generative art, data visualization, or any application that requires precise geometric calculations.
thi.ng/tldraw – Interactive Drawing
If you’re building an interactive drawing or sketching application, thi.ng/tldraw offers a robust set of tools for handling user input, rendering shapes, and managing drawing sessions.
thi.ng/color – Color Manipulation
Working with colors? The thi.ng/color library provides utilities for color space conversions, palette generation, and color mixing—perfect for generative art or design projects.
thi.ng/porter-duff – Image Compositing
This library implements the Porter-Duff compositing algebra, which is essential for blending images and creating complex visual effects in graphics applications.
Thi.ng for Generative Art
Generative art is one of the most exciting applications of Thi.ng. By combining libraries like thi.ng/geom and thi.ng/color, you can create dynamic, algorithmic artworks that evolve over time. For example, you might write a script that generates a unique geometric pattern based on user input or external data.
The modular nature of Thi.ng makes it easy to experiment with different techniques. You can start with a simple shape generator and gradually add complexity by incorporating data processing, user interaction, or real-time rendering.
Thi.ng in Interactive Projects
Interactive projects—such as installations, games, or web applications—require real-time responsiveness and user engagement. Thi.ng’s libraries are designed to handle these demands efficiently. For instance, thi.ng/tldraw can be used to create a drawing app where users manipulate shapes in real time, while thi.ng/geom ensures that all transformations are calculated accurately.
Thi.ng also supports integration with popular frameworks like React, Vue, or Three.js, making it a versatile choice for modern web development.
Community & Support
Thi.ng is backed by an active and passionate community. You can engage with other users and contributors through:
- GitHub Discussions: Ask questions, share ideas, and collaborate on projects.
- Discord Server: Join the official Thi.ng Discord to chat with the community in real time.
- Mailing List: Stay updated on new releases, events, and community news.
The community is a great resource for troubleshooting, inspiration, and networking with like-minded creators.
Thi.ng vs. Other Tools
While there are other tools and libraries for computational design and generative art, Thi.ng stands out for its modularity, performance, and open-source nature. Unlike monolithic frameworks, Thi.ng allows you to use only the components you need, reducing overhead and improving efficiency.
Additionally, Thi.ng’s cross-language support makes it accessible to a broader audience. Whether you prefer JavaScript, Clojure, or another language, you can leverage Thi.ng’s capabilities without switching tools.
Try It Free
Ready to explore computational design and generative art with Thi.ng? Start by visiting the official Thi.ng website to browse libraries, documentation, and examples. If you're looking for more tools to enhance your creative workflows, check out our Image Compression Tool or Word Counter for additional resources.
Frequently Asked Questions
What programming languages does Thi.ng support?
Thi.ng primarily supports JavaScript, TypeScript, and Clojure, but some libraries are available in other languages. The modular design makes it easier to adapt components to different environments.
Is Thi.ng suitable for beginners?
Yes! While some knowledge of programming is helpful, Thi.ng provides extensive documentation, tutorials, and examples that make it accessible to newcomers. Start with simple projects and gradually explore more advanced features.
Can I use Thi.ng for commercial projects?
Absolutely. Thi.ng is released under open-source licenses (such as MIT or Apache 2.0), which allow you to use the libraries in both personal and commercial projects. Always check the license of individual libraries for specific terms.
How do I contribute to Thi.ng?
Thi.ng welcomes contributions from the community! You can contribute by reporting bugs, suggesting features, improving documentation, or submitting pull requests on GitHub. Visit the Thi.ng GitHub organization to get started.
Are there alternatives to Thi.ng?
Yes, there are other libraries and tools for computational design and generative art, such as p5.js, Processing, or Three.js. However, Thi.ng’s modularity, performance, and cross-language support set it apart for many use cases.
