Webpixels Design System

About

Webpixels Design System is a beautiful collection of styles, components, and templates for Figma professionally designed by Webpixels and built to enable designers in creating modern user interfaces faster and better.

Whether you’re building a simple page or coming up with concepts for a whole new web app, we’ve prepared all the elements you need for an amazing development experience.

To achieve the best results on both sides, we took the time to create this awesome Figma kit. This way, we can offer the same strong foundation and tools to the developers and the designers.

Upgrade to PRO and get access to the complete Figma Kit and 500+ fully-coded UI components and templates for websites, apps, and dashboards, all built with Bootstrap 5.

Learn more: https://webpixels.io/plans

Fully coded UI components

Development is much more fun when you don't need to worry about design. With our component library and tools, you can create diverse and beautiful websites that are supported by rock-solid design principles.

Speed up your development process by using our pre-built modules and already tested bits of code. Our component library includes over 500 fully responsive Bootstrap components, carefully designed for specific use-cases, like marketing, application, dashboards, and more. All you need to do is to install Webpixels CSS and start copying the items you like the most.

Learn more: https://webpixels.io/components

📦 What's inside?

• 350+ Responsive UI Components
• 27+ Designer-Made Templates
• 20+ Mobile Screens
• 1000+ Vector Icons Included
• Theme Setup
• Customizable Style Guide
• Organized Layers and Groups
• Variants and Auto-Layout Components

💻 Who is it for?

• UI designers who need a quick start in crafting web apps
• Teams that need a design system as the single source of truth
• Users who want to present their design ideas much faster
  

👉 Why Webpixels?

• Design or build production-ready pages by using pre-made UI components and pages
• Rapidly concept and build your own websites using your favorite technologies
• Easily create your own style guide to adapt it to your brand's needs
• Optimize painful or time-consuming tasks in your design workflow

Figma designers will love how easy it is to use given the fact we took all the latest features and implemented them in this UI kit: auto-layout, shared styles, master components, and the newest feature, variants. It includes adaptable layouts and modular components needed for having a quick and solid start in most web projects.

License

• You are free to use this for all your personal and commercial projects.
• Don't distribute, resell or sublicense it under your name.

Follow our team on:

Dribbble | Twitter | Instagram | Facebook | Our Website