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

primary input

This is an input text field. Use it to enter your information, which will be processed accordingly.

bottom bordered input

This is a bottom-bordered input text field. Enter your information here for it to be processed accordingly.

animate label input

This is an animated label text input field. Enter your data here, and the label will animate accordingly.

Your name

input with icon

This is an input field with an icon. Enter your information here and use the icon for additional actions.

CONTENTS

primary inputbottom bordered inputanimate label inputinput with icon