User Interface stencils
Popular User Interface stencils
Make beautiful flowcharts for your websites and web apps in minutes. Just drag and drop mini wireframes to create professional deliverables for your clients, developers, or team members. This flowchart stencil comes packaged with 63 mini wireframes to represent common page layouts, built on a 4-column grid with elements...more
Large stencil with lots of elements. The screenshot does not do it justice since it is so large.
This is the third, even more comprehensive release of this stencil which follows best practice UX form design principles, providing three different ways of laying forms out, each with their own benefits. This version also provides various controls and fields including multiple CAPTCHA fields, social networking buttons and more.
Why shouldn't your web flowchart be sexy? A blend of illustration and technical chic, WebFlow 2.0 is designed for those of us who work in the creative services industry and want to show our clients flowcharts with style. The icons in the stencil are magnetized and are great for the rapid development of web site frameworks...more
A stencil of UX activities and documents to illustrate the work that designers and researchers do. [originally created by Todd Zazelenchuk (Plantronics) and Elizabeth Boling (Indiana Univ)]
This is the ultimate stencil for folks designing iPhone apps. • Contains backgrounds, title bars, buttons, selectors, and other iPhone UI elements • Text is fully editable on lists, title bars, buttons, and scroll wheels • Buttons can be resized horizontally by ungrouping, resizing the middle element, and then regrouping the...more
Block to define a task or unit of work as: Inputs, Outputs, Resources and Constraints...similar to an IDEF-0 diagram
This stencil provides a reference for structuring Microservice components
Chatbots are coming and we must be prepared! This is the ultimate stencil for designing chatbots. It includes everything you need to design your own chatbot for desktop or mobile apps. What’s a chatbot? It’s an automated agent that can respond to simple chat commands. Chatbots are often used for customer service in mobile...more
Square Wireframe Kit provides a simple, flexible, and fun way to wireframe. Simple square blocks can be easily resized, rearranged, stacked, and edited to build wireframes for anything from a traditional website to a mobile app. If you need to show more detail, squares come in two versions so you can switch between mock...more
A collection of about twenty Dutch television channel logos.
Essential elements of shopping cart design.
An OmniGraffle stencil used to do "color block" wireframes. It includes the following parts: Basic Frames for web and mobile. Buttons Content Blocks Layout Components, like navigator, image placeholder, etc. Please go to https://github.com/cowfox/FlatBlock-Kit for examples and contribute.
This stencil helps you draw beautiful and useful site maps. For best results, you will also need to install Font Awesome typeface: http://fortawesome.github.io/Font-Awesome/
The new Cool Flowchart Symbols Version 2 stencil makes software process flowcharts beautiful. It features elegant symbol designs for processes, hardware, and popular document types. Version 2 adds new database, document types, and Sprint process symbols. I created this stencil because I wanted to create beautiful process...more