jQuery Varieties – Stylish Parts (Types)

About Elegant Elements

Elegant Elements is a jQuery Form Plugin, that allows you to create HTML Forms in clean, simple and modern style.
There is no need for more different plugin to format each form element, just enough to add the Elegant Elements jQuery Form Plugin.

Custom Themes

Choose from the various predefined themes or create your own custom theme. The plugin offers more than ten predefined styles to save you tons of time. Adding or changing these themes needs to change just one parameter only in the HTML markup.

Full Set of Elements

Elegant Elements brings you all basic elements, that you need in any form. That means, you can easily include text input, textarea, radio button, checkbox and select box to create the form you imagined. These fields are the usual way to display the most used forms, like subscription forms or contact forms.

Unique Fields for Advanced Forms

In case you need some extra fields, like password or file upload, you can also find the best solution for your project. With Elegant Elements you can simply design advanced, complex forms without spending hours to set the styles and CSS rules. Just few lines of HTML code, then you are ready to go.

Different Sizes and Colors

Brings you the option to set custom colors or button size to make the entire form perfectly fit to your website. These feature provides unlimited combinations, that you can achieve with creating a form.

Special States

In some cases, you may need a disabled button or field, that can be quickly done with Elegant Elements. Disabled states are available on all type of form elements, that is included in the plugin.

Responsive and Mobile Friendly

Elegant Elements is completely responsive and fit to the visitor’s screen on any device, including mobiles and tablets.

Custom Icons

Radio buttons and checkboxes support custom icons, that helps you to make your form more user friendly. Choose from more than 500 brilliant icons, supported by Font Awesome.

Field Notices

Displaying the success message or a simple warning notice has never been easier with Elegant Elements.
It can be more than useful with a password or username field to let the users know when they entered wrong details into the field.

Supported Elements

The following elements are supported in Elegant Elements:

  • Text Input
  • Password Input
  • Email Input
  • Tel Input
  • Search Input
  • Number Input
  • File Input
  • Select Box
  • Radio Button
  • Checkbox
  • Radio Button Groups
  • Checkbox Button Groups
  • Textarea
  • HTML Button
  • Info Box

Key Features

  • 12 Predefined Themes
  • Custom Vector Icons
  • Custom Fields
  • Special Fields
  • Detailed Manual
  • Responsive Design, Mobile Friendly
  • Clean & Valid Code
  • Lightweight Minified and Obfuscated JavaScript
  • Multiple Instance, Create Unlimited Forms
  • Different States
  • Useful Examples
  • Compatible with All Major Browsers
  • Free Updates

Compatible with All Major Browsers

The following browsers are supported:

  • Google Chrome 49+
  • Mozilla Firefox 48+
  • Internet Explorer 11
  • Microsoft Edge
  • Opera 35+
  • Safari 6+

Free updates

Enjoy the free updates! The plugin will be regularly updated and new features will be included.

Detailed manual

Check the full manual! Visit the plugin documentation page.

View Elegant Elements demo on your mobile device

jQuery Forms – Elegant Elements

Envato Developers

Would you like to add this plugin into your item?

Purchase one extended license for the item you want to sell on any Envato Marketplaces.
Send me a mail and I will add your item link to this page.

Changelog

Version 1.0.3 – November 28, 2016

- [Fixed] Responsive checkboxes and checkbox button groups in JavaScript

Version 1.0.2 – November 21, 2016

- [Added] Info Boxes
- [Fixed] Improving & optimizing the JavaScript code of radio buttons and checkboxes

Version 1.0.1 – November 14, 2016

- [Added] Icons to buttons
- [Added] The moz prefix to every box-shadow
- [Added] Background color to form controls in theme files
- [Fixed] Hide the number input spinner
- [Fixed] Hide the red box-shadow in Firefox when the input value is invalid
– [Updated] The basic-initialization.html, elements.html, forms.html in examples folder

Version 1.0 – November 5, 2016

- Initial release

Leave a Reply

Your email address will not be published. Required fields are marked *