Component Library Shots

185 inspirational designs, illustrations, and graphic elements from the world’s best designers.

Audiobooks iPad App — Hello! Today I'd like to show you the Audiobooks iPad App based on Tetrisly Component System (that helps you keep the good structure and increase your workflow in Sketch). _________ Extra 20% off - Tetrisly - Component Library for wireframing and Starter Kit for Design System (Sketch) You can buy it here for $47.20 _________ As you can see Tetrisly is useful both for UI and for wireframin...
- 116
- 2
- 6,559
Audiobooks iPad App

December 13, 2019

0
- Save
- Like
Tetrisly Team Patryk Ilnicki Pro
Loudy — music track page — Track page for Loudy music web app. Developed basic principles & design system.
- 13
- 0
- 397
Loudy — music track page

December 09, 2019

0
- Save
- Like
Yan Zaretsky
Mobile Banking App - Tetrisly — You can buy it here with a 20% discount Discount code: dribbble _________ Hello! Today I'd like to show you the wireframe of Online Banking made using Tetrisly. That awesome kit allowed me to do it quickly. Find out more about Tetrisly Tetrisly contains: ☑️ 2500+ Sketch Components ☑️ 14 Component Categories ☑️ 450+ Layer and Text Styles ☑️ Many Unique Icons in 3 sizes ☑️ Example Wireframes ...
- 123
- 3
- 10,841
Mobile Banking App - Tetrisly

November 26, 2019

0
- Save
- Like
Tetrisly Team Patryk Ilnicki Pro
Tetrisly.com - LP — Hi Dribbbleres! 🏀 We got a lot of positive feedback about our product, its presentation and the article. Thank you very much for that. The only drawback pointed out by users was the price. We really want to create a community which will help us develop Tetrisly. That's why we decided to reduce the price by 50% from the price we established at first. The new price is $49. Again, thank you very...
- 46
- 1
- 1,929
Tetrisly.com - LP

November 20, 2019

0
- Save
- Like
Tetrisly Team Patryk Ilnicki Pro
Tetrisly - Components Library for Sketch — HURRY UP! For the first 50 people extra 20% off from launch day price (combines with 50% discount on launch - till 02 Dec) Discount code: dribbble You can buy Tetrisly here -------------------------------------------------------------- Hi all! I'm very excited because after 7 months we have just launched Tetrisly! Watch the video Vote us on ProductHunt What is Tetrisly? Tetrisly is not...
- 47
- 1
- 3,434
Tetrisly - Components Library for Sketch

November 19, 2019

0
- Save
- Like
Tetrisly Team Andrew Mialszygrosz Pro
Tetrisly - Component Library for wireframing and Design System — HURRY UP! For the first 50 people extra 20% off from launch day price (combines with 50% discount on launch - till 02 Dec) Discount code: dribbble You can buy Tetrisly here -------------------------------------------------------------- Hi all! I'm very excited because after 7 months we have just launched Tetrisly! Watch the video What is Tetrisly? Tetrisly is not another useless and not...
- 37
- 2
- 2,757
Tetrisly - Component Library for wireframing and Design System

November 19, 2019

0
- Save
- Like
Tetrisly Team Andrew Mialszygrosz Pro
Jacquard by Google – Design System — The Jacquard team was making improvements to its mobile app in preparation for the release of new garments. We worked with them on the visual overhaul that included creating and maintaining a design library that could be used by a team of designers, engineers, and content strategists. Learn more about Jacquard at https://atap.google.com/jacquard/ and check out the full app in the App Store and...
- 13
- 1
- 560
Jacquard by Google – Design System

November 19, 2019

0
- Save
- Like
O/M Studio Team Pauline Pro
Flights component library — A few web components from the flights product. One of the goals was to build upon the existing hotel library as much as possible without reinventing the wheel, and figuring out how to work in flights specific elements with minimal development effort. It was a refreshing experience learning how to build a systems library from the ground up! Read about the process here You can see our live prod...
- 14
- 0
- 1,467
Flights component library

November 12, 2019

0
- Save
- Like
Danielle Liu
Component Library — A component reference library for a marketing campaign builder. Client was looking for a professional and trustworthy color palette.
- 13
- 0
- 399
Component Library

November 07, 2019

0
- Save
- Like
simon gooder
Components Library Snippet — Here's a snippet of a design components library I created at the start of the year for our internal accelerators products. Usually once we have all the components in place and documented we'd hand it over to the developers who would then turn these into React or Angular components that can be easily reused.
- 7
- 0
- 460
Components Library Snippet

November 07, 2019

0
- Save
- Like
Taj Rahman
Purse Component Library — No design system is complete without components. I spent some free time imaginging how various components would look within the Purse UI.
- 9
- 1
- 265
Purse Component Library

November 06, 2019

1
- Save
- Like
Brittney
sunrise - Design System — Some elements and design tokens of the sunrise - design system. Follow me on: Instagram │ Linkedin │ Twitter
- 15
- 0
- 630
sunrise - Design System

October 29, 2019

0
- Save
- Like
Mylena Oliveira Pro
UI Style Guide - Rave 😆 — Hello Viewers! 🤯 I hope you will like it and share your valuable feedback also. Ask questions! I will be glad to work with you🖖 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - We are open to new projects! Please check us out: contact us 📩 Contact me: work.elp@mail.com 🤙 Telegram: @VE_Vlad
- 8
- 0
- 392
UI Style Guide - Rave 😆

October 28, 2019

0
- Save
- Like
Vladislav
Vegetation Monitor Components — Last June I was working on Vegetation Monitor for CGI Space. As I just switched from Sketch to Figma I wanted to understand the alternative way of working with components. Working on Vegetation Monitor I tried to take a component-based design approach in order to really practice with this. — A university project for CGI Space I was working on at the University of Applied Sciences in Rotterda...
- 16
- 2
- 1,019
Vegetation Monitor Components

October 24, 2019

0
- Save
- Like
Michel van Heest
UI Components - Pathao Design System — We built a UI Library as a part of our Design System (we internally refer to as Lego) last year. Over time the system has evolved from a small sketch symbol library to our very own design language. As we recently introduced our Loyalty Program for customer app, the system helped us designing the UI faster. We also had to introduce some new components as well. This is a birds-eye view of the...
- 40
- 1
- 3,751
UI Components - Pathao Design System

October 24, 2019

0
- Save
- Like
Pathao Team Md Shamsuddin 🇧🇩 Pro
Component Mash-up — This is a mashup of all of the symbol components we are currently using in our experience. Well, it's almost all of them that could fit in the dribbble window. A good way to see how things are fitting next to each other at a high level visual level.
- 10
- 0
- 538
Component Mash-up

October 23, 2019

0
- Save
- Like
Brant Day
Some icons for a component library 1023
- 16
- 5
- 536
Some icons for a component library 1023

October 23, 2019

0
- Save
- Like
Tong Shang
Materialize CSS Wireframe Component Library in Figma — I have been working on a much needed wireframe component library in Figma for Materialize CSS. Soon to be published for free. You can view my progress here: https://www.figma.com/file/Z55jGaJ0G69SA1I279mPCy/Materialize-CSS-Component-Library-v1.0 Over 16 hours have gone into this. Stay tuned for the final free .fig release.
- 0
- 0
- 149
Materialize CSS Wireframe Component Library in Figma

October 13, 2019

0
- Save
- Like
Terry Wells
Horizon Styleguide 10 — Tabs in our case is used to view one subsection of data. Our enterprise project has a lot of meticulous details and one way to make it easy for our users is to separate them in a way that's easy for them to go back and forth. This shows the different tab states as well as measurement. Consistency of our margins, radius, colors is highly important.
- 9
- 6
- 1,530
Horizon Styleguide 10

October 06, 2019

0
- Save
- Like
Jazmin Cruz
Horizon Styleguide 9 — For each table design we have different variants of rows that must be recognized by the user. What each row signifies for each particular function.
- 5
- 0
- 1,072
Horizon Styleguide 9

October 06, 2019

0
- Save
- Like
Jazmin Cruz
Horizon Styleguide 8 — The drop down menu is quite unique for our dashboard. We have the simple drop down menu/selections but we also use them for selections and multi selections which has a big impact for filtering data.
- 17
- 0
- 3,464
Horizon Styleguide 8

October 06, 2019

0
- Save
- Like
Jazmin Cruz
Horizon Styleguide 7 — In this section, I'm showing the Search and Date states. This is commonly used in our enterprise project and knowing the different states will help in the layout.
- 8
- 0
- 665
Horizon Styleguide 7

October 06, 2019

0
- Save
- Like
Jazmin Cruz
Horizon Styleguide 6 — In our project, there's a lot of textfield but we have to show the basics. And from there the developers can get a grasp of how to make different variations as long as they know the margins, radius, sizes, what fonts to use, etc.
- 7
- 0
- 407
Horizon Styleguide 6

October 06, 2019

0
- Save
- Like
Jazmin Cruz
Horizon Styleguide 5 — Showing the basic tables used for the Horizon enterprise project to make sure that the developers are aware of the spacing and measurements.
- 11
- 0
- 959
Horizon Styleguide 5

October 02, 2019

0
- Save
- Like
Jazmin Cruz

← Prev Next →

or sign in

Loading more…