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
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.