trapkit

trapkit

Low-code prototyping toolkit based on Markdown, USWDS, and Jekyll

Trap Kit | The no-cost, no-catch rapid web prototyping toolkit for no-coders to get real feedback real fast.

Trap Kit is a “fauxcode” toolkit of components, layouts, and templates to build working prototypes in the browser using the human-friendliest tech stack around: Markdown for content, USWDS for components, and GitHub Pages for hosting. All free and open-source.

Visit the public-facing site at trapkit.co.

Start a prototype from this template

🏗 How it works

This repository template provides everything you need to get started with rapid web prototyping. These are the high-level steps:

  1. Create content and link it together with GitHub-flavored Markdown.
  2. Add USWDS components to your pages with a line or two of text.
  3. Go live with GitHub Pages and get feedback.

Getting started

There are instructional videos forthcoming, but for now, here are the high-level instructions on how to start using it.

If you want to learn more about how it works, check out the documentation in the wiki.

If you want to jump right in:

  1. Create a copy of this repo template. (Keep the name trapkit to start to keep hosting simple.)
  2. Turn on GitHub Pages in the repo Settings.
  3. Run the site locally using Gitpod by pasting this in front of your repo URL and loding that in your browser: https://gitpod.io/#.
    • Alternatively, if you have Jekyll installed, you can run it directly on your machine.
  4. Check out the templates and the component kitchen sink and start making some content pages.

If you need any help, reach out on Twitter.

Start a prototype from this template