v2.0WebKit

  • Components

  • Backgrounds

  • Buttons

  • QR Genaretor

  • Minify

  • new

    Glass Morphism

  • Age Calculator

getting-started

  • Overview
  • Usage
  • Faq

Components

  • All Components
  • Inputs
  • Input
  • Textarea
  • Number
    new
  • Checkbox
    update
  • Switch
  • Strong Password
    new
  • Select
  • Radio
  • Range
  • File
  • OTP Input
  • Buttons
  • Normal Button
  • Login Button
  • Dropdown Button
  • Animated Button
  • Surfaces
  • Cards
  • Accordion
  • App bar
  • Image Gallery
  • Navigation
  • Pagination
  • Progress Bar
  • Chip
  • Breadcrumb
  • Rating
  • Stepper
  • Modal
  • Tabs
  • Feedback
  • Skeleton
  • Alert Message
  • Dialog
  • Testimonial
  • Loader
  • Notification
  • Data Display
  • Badge
    new
  • Tooltip
  • Timeline
  • Randoms
  • Code
  • Snippet

WeBkit UI

WeBKit is an open-source component list that implements your website.It's comprehensive and can be used in production out of the box.

Introduction

WeBKit is a developer-friendly platform offering over 600+ meticulously crafted components and templates. These resources are designed to save you time and elevate your creativity by providing modern, reusable elements that fit seamlessly into any project.

Our collection includes an array of components and built-in web templates, enabling developers to create stunning websites without the hassle of designing from scratch. Each element adheres to contemporary design principles, ensuring that your projects are not only functional but also visually appealing.

What's New in WeBKit Library?

  • Portfolio Website Templates: Launch your portfolio with our new, sleek, and fully customizable templates. Showcase your work in style without the need to code from the ground up.
  • Multi-Page Website Templates: Choose from a variety of pre-built multi-page templates, perfect for businesses, blogs, and more. These templates are crafted to help you quickly establish an online presence.
  • Essential Blocks: Access a wide range of essential UI blocks that you can mix and match to create unique page layouts effortlessly.
  • SVG Icons: Our growing library of SVG icons provides a modern touch to any project, with easy integration and customization options.
  • Opacity Palette: Introducing the custom color opacity palette. A versatile tool that allows you to explore different opacity variations of colors. Simply paste your color code, and the palette will generate a range of opacity levels along with the corresponding HEX, RGB, and HSL codes. Clicking on a color code instantly copies it to your clipboard, making color management a breeze.

Advantages of WeBKit Library

  • No Dependencies Needed: WeBKit is entirely standalone, just copy the code and use it. No external dependencies or additional setups are required, making integration fast and hassle-free.
  • Customizability: Our codes are very structured so you can customize them to your liking. You can customize the components according to your business logic.
  • Beautiful Design: All the components follow the WeBKit modern design. So you don't have to redesign to use them. More exciting thing is that since there is no need to design, you save your designing time.
  • Pre build templetes: WeBKit has many pre-built web templates. You can create a website without using them without any code. We have tried to follow the most modern design by following the design. The WeBKit contains 20+ web templates.
  • Community & Support: WeBKit is more than just a library it's a community. Join other developers, share your work, get feedback, and collaborate to push the boundaries of what's possible.