GenFu Wireframes

The ultimate code first UI/UX prototyping tool

The GenFu Wireframes is a package that provides a fluent API that creates placeholder HTML and images at runtime using simple helper extension methods. GenFu Wireframes is specifically for reducing prototyping markup. Since GenFu injects placeholder conent at runtime, your markup remains untouched and your source code remains clean.

How does it work?

  1. Install the package

    PM> Install-Package GenFu.HtmlHelpers.Wireframes
  2. Add a reference

    @using GenFu.HtmlHelpers.WireframeHelper;
  3. Use the helpers to generate text and images

    //Generate ..
    //a Paragraph
    @Html.GenFu().P()
    //an Image placeholder
    @Html.GenFu().Image(300, 300)
    //a Table
    @Html.Genfu().Table()
    //a page using the Fluent api
    @Html.GenFu().H1().P().H2().P().H3().Ol(10, 3, true)
                    

Documentation

GenFu()
Gets a random paragraph
GenFu().P([int paragraphCount = 1], [int sentenceCount = 5], [object htmlAttributes = null])
Gets a paragraph(s) of specific length
GenFu().H1([int wordCount = 2], [object htmlAttributes = null])
Gets an H1 heading
GenFu().H2([int wordCount = 2], [object htmlAttributes = null])
Gets an H2 heading
GenFu().H3([int wordCount = 2], [object htmlAttributes = null])
Gets an H3 heading
GenFu().H4([int wordCount = 2], [object htmlAttributes = null])
Gets an H4 heading
GenFu().H5([int wordCount = 2], [object htmlAttributes = null])
Gets an H5 heading
GenFu().H6([int wordCount = 2], [object htmlAttributes = null])
Gets an H6 heading
GenFu().UL([int listCount = 5], [int wordCount = 2], [bool links = false], [object ulAttributes = null], [object liAttributes = null])
Gets an UL element with list items
GenFu().OL([int listCount = 5], [int wordCount = 2], [bool links = false], [object olAttributes = null], [object liAttributes = null])
Gets an OL element with list items
GenFu().DL([int listCount = 5], [int wordCount = 2], [bool links = false], [object dlAttributes = null], [object ddAttributes = null])
Gets an OL element with list items
GenFu().Paragraphs(int count)
Gets paragraphs without the HTML tag
GenFu().Words(int count)
Gets Words without an HTML tag
Image(int width, int height, [string text = null], [string backgroundColor], [string foregroundColor], [object htmlAttributes = null], [ImgFormat format = ImgFormt.Gif])
Gets a placeholder image via Placehold.it