About

This is the repository that showcases applications #MadeWithSlint

Add a new entry

Each entry is composed of the following fields:

Mandatory

• Application Title
• Application Company: Name of company or Individual
• Application Description
• Application Image
• Application Image Alt text
• Class Style: Size of the card
• Category: one of embedded, audio, games, tools, productivity, components (drives the filter on slint.dev/showcase)

Optional

• Application Quote
• Application Quote Author
• Git Link
• Preview Link
• Doc Link
• Success Story Link
• License Text
• License Type

Keep the description short: about 140 characters, one or two sentences.

A card shows one main link, the first available of: success story, preview link, Git link, doc link. The rest appear as icons.

The gallery shows 800px WebP thumbnails rather than the full images. After adding or changing an entry, make its thumbnail (needs Pillow) and regenerate the page:

python3 make_thumbs.py
python3 generate_html.py

Commit assets/img/thumbs/ and index.html with the change. An entry without a thumbnail still works; its card loads the full image_src.

Create a PR to add the above info in the following JSON structure in showcases.json

{
      "app_title": "Application Name",
      "app_company": "Application Author",
      "app_description": "Application Description",
      "app_quote": "Quote from Author",
      "app_quote_author": "Name of Author, Job Title",
      "image_src": "URL to Application screenshot",
      "image_alt": "Alt text for image",
      "class_style": "Size of card (col-3-row-3, col-3-row-2, col-2-row-2, col-2-row-1, col-1-row-1)",
      "category": "embedded | audio | games | tools | productivity | components",
      "git_link": "URL to Git repo",
      "preview_link": "URL to WASM binary",
      "doc_link": "URL to Product page",
      "license_text": "Type of license (Proprietary License, MIT, BSD, etc.)",
      "license_type": "Type of license (closed, open-source, dual)",
      "story_link": "URL to success story"
    }

See example below for Cargo UI

{
        "app_title": "Cargo UI",
        "app_company": "SixtyFPS GmbH",
        "app_description": "A GUI frontend for Cargo",
        "app_quote": "",
        "image_src": "https://madewithslint.com/assets/img/madewithslint-cargoui.png",
        "image_alt": "Screenshot of Cargo UI",
        "class_style": "col-3-row-1",
        "git_link": "https://github.com/slint-ui/cargo-ui/",
        "preview_link": "",
        "doc_link": "",
        "license_text": "MIT, Apache 2.0",
        "license_type": "open-source",
        "story_link": ""
      }

Test Locally

Run the command

python3 generate_html.py

and then run http.server

python3 -m http.server