Web Design Assets For Sketch, XD, Figma, Photoshop, Illustrator & InVision Studio

Featured image

Probably The Biggest UI/UX Design Bundle Ever

Access this massive bundle of design assets featuring thousands of website templates, mobile & web UI kits, design systems, wireframes, UX flowcharts, tech mockups & hero images, illustrations, landing pages, HTML bootstrap 4 templates & more at incredible value!

This massive bundle from Craftwork.Design includes a huge collection of vector based, pixel perfect assets for mobile & web design made for Sketch, Adobe XD & Photoshop, Figma & InVision Studio, including ux flowcharts, wireframes, complete design system for Sketch, thousands of UI elements, hundreds of landing pages & UI cards. Countless assets.

Over 300 awesome Android & iOS mobile device mockups with high resolution, in several different angles and colours, and with smart objects for Adobe Photoshop & Sketch.

Want to learn more? Dive in and check out this awesome bundle, exclusively available at ByPeople! Normally these assets would cost over $790, so hurry up and get it before the promo expires for just $29!

 

You Will Receive:

  • Vector based shapes
  • Hundreds of web templates with valid HTML, CSS & JS
  • Thousands of ui blocks, cards, wireframes, & ux flowcharts
  • All components are vector based, fully resizable & editable
  • Files compatible with Sketch, InVision Studio, Figma, Adobe Illustrator, Photoshop & Adobe XD
  • Illustrations in Ai & EPS
  • Neatly organized code, layer & file structures on all products

  • Pixel perfect designs
  • 300+ Android & iOS devices device mockups
  • Mockups in PSD format with smart objects
  • Commercial use license
  • Quality products at incredible value!

26 Packs Are Included:

Use this index to jump to a more detailed description with previews for each one of these awesome products


Community Template




 

Community is a creative portfolio theme for designers, agencies, developers, freelancers, architects, artists and others who want to showcase their projects. With this mobile responsive theme based on bootstrap 4 grid framework, your website will work great with any mobile device and easy to use.

  • 5 Pages
  • Valid HTML5 and CSS3
  • Based on Bootstrap 4
  • Full Adaptive
  • Free Google Fonts
  • Figma Design Sources

 






HERO Mobile Mockups




 

Back To Index

High-quality popular mobile mockups in seven angles carefully crafted for your next design project. High dimension, easy customization via Sketch nested symbols, separated elements and Magic Mirror Plugin support. We believe that you will have a better experience and cool result working with the really perfect product.

  • 270+ Mockups total
  • For Sketch & Photoshop
  • 7 Popular angles
  • Realistic & high quality
  • 10+ mobile devices
  • Extremely easy to use

 


HERO Samsung Galaxy S9




 

Back To Index

It is so easy to combine your elegant design with the beauty of design. Here are seven view angles, three classic and one clay color for each angle of view. Separated backgrounds and shadows will help you to construct your own scenes. Edit the layout with Smart Objects and Magic Mirror plugin for Sketch. Become a Hero.

  • Four Colors
  • Seven Angles of View
  • High Dimension
  • Perfect File Organization
  • High Quality
  • Smart Objects and Magic Mirror 3

 






HERO iWatch Mockups




 

Back To Index

Really high quality, perfect file organization, separated elements with smart objects and Magic Mirror 3. Here are three classic colors for your design and we created seven angles of view for each color. Works great with Photoshop and Sketch.

 





Midleton Headers




 

Back To Index

Here are modern and beauty hero header layouts created in Adobe XD. Become inspired and create your next landing with one of 20 ready-touse headers. We created adaptive screens for each header, so you’ll get Web, Tablet and Mobile version.

  • Made for XD
  • Trendy Colors
  • Pixel Perfect
  • Adaptive Layout
  • Google Fonts
  • Free Version

 








Replica Android UI Kit




 

Back To Index

We are glad to present you bright, contrasting and minimal UI kit for Android smartphones. Here are 90 screens in 9 categories created in high-quality vectors. Each screen is fully customizable, easy to use and carefully assembled for Sketch, Xd, Figma & InVision Studio. With this kit, you will truly know what material design is.

  • 90 Screens in 9 categories
  • Totally vector based
  • Works with Sketch, XD, Figma and Studio
  • Trendy and pixel-perfect design
  • Set of components and symbols
  • Customizable layers

 









HERO Google Pixel 2 & 2XL Mockups




 

Back To Index

Hero provides two original devices from Google: Pixel 2 and Pixel 2 XL. You’ll receive 56 views of these devices which work great with Photoshop and Sketch. So imagine how cool your design could be in the combination with the beauty of our mockups.

  • Extremly Ease-to-use
  • Realistic High Quality
  • Separated Background & Shadow
  • Original Dimensions
  • Beautiful Design
  • Magic Mirror Support

 








Symbol Design System




 

Back To Index

Symbol is an advanced web-design system based on Sketch nested symbols. There are not only the components but also the logic, the atomic structure. You can easily change just one symbol to create your own design style super fast.

 



< h2>HERO iPhone 8 Mockups


 

Back To Index

We created thoroughly rendered high-resolution iPhone 8 mockups. High dimension, easy customisation via Sketch nested symbols, separated elements with smart objects and Magic Mirror 4 Plugin support.

  • 7 Angles of view, 5 Colors: Silver, Space Grey, Gold, White Mate, Black Mate
  • Silicone case for each angle of view
  • Compatible with PS and Sketch. Easy customisation via Sketch Overrides
  • High Resolution: 3000×2000px
  • Smart objects and Magic Mirror 4 support
  • Separated background, shadows, and phones

 







HERO iPad Mockups




 

Back To Index

HERO provides five classic colors with custom White Mate. 35 mockups totally. Really high-quality, perfect file organization, separated elements with smart objects and Magic Mirror. Works great with Photoshop and Sketch.

  • High-quality mockups
  • Perfect file organisation
  • Separated elements with smart objects and Magic Mirror
  • Combinations with shadows
  • Works with Photoshop and Sketch
  • Four classic colors with custom White Mate

 








iOS Jetpack




 

Back To Index

Create your perfect App Store, Product Hunt or Facebook presentation for your app in a fast and beautiful way! With Sketch symbols and styles create your presentation easily. Like never before. There is no need to think about something new when the time is running out.

  • Predesigned Templates & Devices
  • Easy App Screens Replacement
  • Easy Replacement of Backgrounds and Text Styles
  • App Store iPhone & iPad Screenshots
  • Facebook and Product Hunt Images

App Store iPhone Screenshots. Easy way to showcase your application for iOS users.

  • iPhone 4 (7×5 screenshots 640×960)
  • iPhone SE (7×5 screenshots 640×1136)
  • iPhone 7 (7×5 screenshots 750×1334)
  • iPhone 7+ (7×5 screenshots 1242×2208)
  • iPhone X (7×5 screenshots 1125×2436)

iPad Screenshots

  • iPad (15 screenshots 2048×1536px)
  • iPad Pro (15 screenshots 2732×2048px)

Facebook Cards • 35 Cards 1200×630px (7 styles)

Product Hunt Images • 35 1350×1020px (7 styles)

 







HERO iPhone X Mockups



We created thoroughly rendered high-resolution iPhone X mockups. High dimension, perfect file organisation, separated elements with smart objects and Magic Mirror 3 Plugin support. Be the first using the best mockups.

Back To Index

  • 2 Angles of view
  • 2 Colors (Classic, Clay)
  • Compatible with Photoshop and Sketch
  • High Resolution: 3000×2000px
  • Smart objects and Magic Mirror 3 support
  • Separated background, shadow and phone

 








Charlotte iOS UI Kit




 

Back To Index

Bright and fresh iOS UI Kit with lots of useful and beautiful elements. Always be on the top creating your designs via your favorite graphics platform. 120 iOS screens in 12 categories.

  • Sketch. We made everything for your comfortable work in Sketch.
  • Vector Graphics. Everything is 100 in vector and all can be easily resized.
  • Well organized. Good structure is a good basement.
  • Photoshop. Yes, we think about PC users either!
  • Pixel Perfect. Each component is created with love and thoroughness.
  • Google fonts. We use free fonts for your convenience.

 








Juicy Illustrations




 

Back To Index

Create a unique illustration for a website, application, or presentation. There are 80 awesome illustrations in the pack. Changing and overlapping them, you can quickly illustrate the necessary ideas.

  • 20 Colourful Illustrations
  • 40 Monochrome Images
  • 10 Backgrounds
  • 10 Different Clouds
  • Eps, Png, Sketch, Ai, Svg

 








Singleton 2




 

Back To Index

The new, charged version of our legendary UI kit! We made it cleaner, easier, better! All components are vector based, fully compatible, editable and pixel perfect. Also, they are well-organized, carefully named and grouped. It offers over 120 universal blocks compatible with Photoshop, Sketch and Figma. So you can be both creative and flexible in your work. All components are spread across 10 categories (headers, features, call to action, showcase, pricing tables, contacts, team, forms, navigation, ui kits packs).

  • 120 charged UI cards
  • All components are vector based
  • Google fonts & Unsplash Photos
  • 12 Popular categories
  • All layers carefully named
  • Well organized, named & grouped

 







Split iOS UI Kit




 

Back To Index

Combine the modern beauty of iOS and elegant functionality of our new app UI Kit. Create interactive user interfaces easily. Use Symbols. All frequently used elements are now in symbols. Use them to create interfaces really fast. Add new symbols to customise your design. Layer Styles. Easily change icons, colours and text styles just inside the symbol to create something really new.

  • Resolution. All screens are created for 375×667 resolution.
  • You can export them easily in 2x for Retina Displays.
  • Elements. Change symbols size easily and correctly.
  • Pixel Perfect. No fractional pixels, only ideal vector for ideal work.
  • Font Free. We’re using free Google Raleway Font in Split
  • Make it Minimal. Black-and-white classic. Simple and elegant design. Nothing unnecessary.
  • Structure. Well-structured Symbols and Styles organization for intuitively-easy design.

 






HERO iPhone 7 Plus Mockups



Back To Index

Meet new HERO – carefully crafted iPhone 7 Plus mockups. Seven awesome colours, 49 handcrafted iPhones and 100 hours spent. All we wanted to do is to show how perfect your design could be in the combination with beauty of the device. With smart objects in Photoshop & Magic Mirror 3 in Sketch you will create your presentation easily and quickly!

  • 7 Angles of view
  • Smart objects & Magic Mirror 3 support
  • Separated background, shadow & phone
  • 7 Colors (Silver, Rose Gold, Gold, Jet Black, Black, Red, Clay)
  • High Resolution: 4000×4000px
  • Compatible with Photoshop & Sketch

 








First Order UI Toolkit



Back To Index

Meet new UI/UX Kit from Craftwork Team – simple, elegant and strict, with it’s own clean style. This is tool designed to create ultralight Landing Pages. It offers over 120 universal blocks compatible with Sketch and Figma. So you can be both creative and
flexible in your work. All components are spread across 10 categories

  • Over 120 absolutely customizable universal blocks
  • 20 ready-to use Landing Pages
  • 10 categories of elements
  • Fully scalable pixel perfect elements built with Vector Shapes
  • 12 Column Grid: All components are based on Bootstrap (1170px) grid system
  • Free Montserrat Google Font used

 









HERO Google Pixel Mockups




 

Back To Index

Google Pixel Mockups created with love and thoroughness – showcase your product like never before! Phone, shadow, and background are separated one from another, so you can change everything as you wish to create custom scenes. You will find it super-easy and fast to combine your elegant design with the beauty of device.

  • 5 Angles of view
  • 3 Colors (Very Silver, Really Blue, Quite Black)
  • Compatible with Photoshop and Sketch
  • Separated background, shadow and phone
  • High Resolution: 3000×2000px
  • Well organized layers and groups

 





HERO iPhone 7 Mockups




 

Back To Index

Hero – perfect iPhone 7 mockups created with love and thoroughness by Craftwork. Now you can showcase your iPhone case design easily and beautiful with our awesome mockups! We created thoroughly rendered iPhone 7 in high resolution. And you will definitely find it superawesome that phone, shadow and background are separated one from another, so you can change everything as you wish.

  • 5 Angles of view
  • 4 Colors (Silver, Rose Gold, Gold, Jet Black)
  • High Resolution: 3000×2000px
  • Smart objects and Magic Mirror support
  • Separated background, shadow and phone
  • Well organized layers and groups

 








Method Wireframe Kit




 

Back To Index

Create prototypes in a few minutes. With our universal blocks you will create your prototype without any difficulties. Really fast.

Change any element in the prototype as you need. Use symbols and styles to change everything as you wish in only a few clicks.


More than 200 ready-to-use components in 15 popular categories. Headers, Features, Blogs, Call to Action, Contacts, Dashboards, E-commerce, Footers, Forms, Navigation, Portfolio, Pricing Tables, Socials, Teams & Testimonials

  • 200+ Components
  • 15 Categories
  • 100% Vector
  • Printable
  • Google Fonts
  • Bootstrap Grid

 









The Rapture Startup UI Kit




 

Back To Index

Huge Startup UI Tool consisting of 20 fully packed and perfectly designed landing pages. You will get 170 different cards and hundreds of elements. Fully adaptive, The Rapture Startup Framework is available for Photoshop & Sketch. We have created the huge amount of universal & unique cards. They are really beautiful. With our new product designers, developers & companies will create websites for their startups easily, fast and with pleasure.

  • 20 Page Templates. Customize your website with 170+ elegant and clean block types.
  • Fully customizable. You can customize all the components to create your own style.
  • Pixel Perfect Design. We were super – accurate while creating The Rapture Startup.
  • Free Google Fonts. The layout has been designed using typefaces from Google Fonts.
  • Hi-res Mockups. We used smart objects in hi-resolution to create mockups for The Rapture Startup.
  • Perfect Layer Organization. Every component is properly named and organized in layer structure.
  • 100% Vector. All layers and components are vector-based.

 









The Rapture Startup Framework




 

Back To Index

Supercharged Pack of more than 170 perfectly designed layouts for HTML, Sketch & Photoshop. Create and change your website layout in no time, build & launch your project easily with The Rapture Startup.

  • Built with HTML, CSS and JS
  • 20 landing page templates
  • Modular Content Cards, 170+ elegant and clean block types
  • Components and blocks are fixed to the common and popular 12 columns Grid with 1170px width
  • Your website will look perfect and work properly with every device and every platform
  • For Designers & Devs. You can use The Rapture Startup as many times as you wish. It’s all yours
  • 100% Vector, all layers and components are vector-based

 


Greyhound UX Flowcharts




 

Back To Index

Greyhound – awesome flowchart kit consisting of 108 flowcharts and many other elements, such as arrows, actions etc.

  • 108 Mini Flowchart Cards
  • 16 Action Blocks
  • 11 Mockup Devices
  • Bages, Subpages & Arrows
  • Multilevel Structure
  • Fully Customizable for Sketch & PS
  • Colors Which Help You to Prototype
  • Many Actions & Arrows
  • Free Arial Rounded Font
  • A Lot of Devices for Screens & Flowcharts

 







Portland UI Kit




 

Back To Index

Perfect, elegant and bright UI Kit. It combines beauty and usability and it is definitely the tool you need in your collection!

  • 7 Popular categories: Articles, eCommerce, Forms, Headers, Navigation, Widgets, Base Elements.
  • Free Fonts from Google Fonts
  • Huge pack of Base Elements
  • 12 Column Bootstrap Grid with 1170px width
  • Pixel Perfect
  • Perfect Layer Organiztion

 




Singleton UI Pack




 

Back To Index

Singleton – perfect, fresh and stylish UI Kit for building beautiful Landing Pages. This clear and practical UI tool consists of 120 elegant cards in 12 categories. All components are vector based, fully compatible, editable and pixel perfect. Also, they are well-organised, carefully named and grouped. So it will be very easy for you to use Singleton. Fonts used are Montserrat Free Font and Crimson Free Font.

  • All Components Are Vector Based
  • Pixel Perfect Design
  • All Layers Carefully Named
  • Used Free Google Fonts: Montserrat & Crimson Text
  • Editable Design via Smart Objects
  • Modern & Brightness Colours

 









Boost UI Kit




 

Back To Index

Boost UI Kit is modern and flat which is going to help you design. Kit included over 250 elements in 4 categories: Content, Buttons, General and Navigation. All elements are vector based and ready for resizing to retina resolution. Free Montserrat font is used through out the Kit. You can change it to some other font without any problems with font sizes. Enjoy!

  • Fully customizable on Adobe Photoshop CS6 and later
  • Over 250 Elements in 4 Categories
  • All Elements are vector based
  • Perfect layers organisation
  • Color palette and 960px grid Included

 




 

(Back To Top)

 

Related Deals

Best Seller Deals

Loading Prices...