Tonic

screenshot of Tonic
tailwind

Digital Collections Framework

Overview:

Tonic🍸 Digital Collections Framework is a tool that transforms a collection into a beautiful website. It parses a collection, defined in a YAML or JSON file, and automatically generates a customizable static website. This website allows users to explore the collection in a smart way, with a lot of filtering and sorting options. Tonic is built with Middleman, Ralix, and Tailwind.

Features:

  • Parses collections defined in YAML or JSON files
  • Automatically generates a customizable static website
  • Provides filtering and sorting options for exploring the collection
  • Supports HTML and JSON file formats for defining the collection
  • Allows fetching the collection from a remote resource
  • Supports nested attributes in collection items
  • Automatically renders items with beautiful filters based on attribute names
  • Supports video and audio embeds
  • Allows customization of site configuration and detail pages
  • Supports custom fonts from Google Fonts
  • Customizable sharing options for social media platforms
  • Provides sorting options based on attribute values
  • Infers the best filter type for attribute values, but allows customization

Summary:

Tonic🍸 Digital Collections Framework is a powerful tool for transforming collections into beautiful websites. It provides automatic generation of customizable static websites, with advanced filtering and sorting options. With support for YAML and JSON file formats, fetching remote collections, and customizing various aspects of the site, Tonic offers flexibility and ease of use for managing and showcasing collections online.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.