Jquery visual design tool

You can pick your own selection of tools from the download page or you can load the most common combinations directly from a free Content Delivery Network CDN.

The CDN is configured with the proper expire headers and compression settings so that the file loads fast. This CDN can be used in production environments without any charge. You can use them as templates and fine tune them to your requirements.

They provide a quick way to get started. You are also free to use and modify all the graphics you'll find. Each tool does only what it is supposed to do and nothing else. Tools and not policy. Understandable API design. Clean design patterns. Compact and human readable source code on Github. That's it. These are tabs, accordions, tooltips, overlays, exposing effects and scrollables.

They can dramatically improve the usability and responsiveness of your site. They mainly focus on presenting information and visual appeal.

After all, this is exactly what most websites desperately want: to present their content to the reader in an easy and visually pleasing manner. Other JavaScript UI libraries focus on desktop-like features such as drag-and-drop, ranges, sortable tables or draggable windows. Using SVG files ensures images look sharp at any size. This plugin helps you to do that without having to worry about browsers that don't support the format.

This jQuery plugin makes some powerful tech easy to use by detecting and providing the coordinates of human faces in images, videos and canvases. Written by Jay Salvat, the plugin uses Liu Liu's face detection algorithm. This circular slider plugin allows you to select a range of values by moving your cursor over the circle.

The full slider is the default, but you can also use it to get quarter-circle, half-circle and pie shapes. There are CSS styles that you can adjust to create various themes — to look like a speedometer, for example. Achieve horizontal scrolling with a parallax effect in no time using the lightweight jQuery plugin jInvertscroll. The easy to use plugin requires next to no configuration to create horizontal movement with a parallax effect while scrolling down.

It can create a nice illusion of depth to your site. Menu designs can come in and out of style, but Slinky provides an elegant, timeless menu design that's useful for any situation where you have a lot of sub-menus. Select an item and an animation will slide a sub-menu over.

You can see a demo here. Instead of placing two images side-by-side to show the differences between before and after shots, you can use ZURB's TwentyTwenty plugin to place one on top of the other. The user drags a slider so that the bottom image shows through that above, enabling them to see what has changed.

Fine-tune typography Use any font, and adjust everything from tracking to line height. As a non-coding designer, I get visceral pleasure from honing responsive typography to perfection with Webflow. Jane Portman. Define global color swatches and update every instance of a color in one edit. Launch Publish straight to the web, or hand off clean code.

Publish Speed, scale, and security Publish to a world-class hosting stack that can handle any traffic you throw at it.

Easy edits and publishing Let clients and colleagues update content with an intuitive Editor. A complete platform Integrate marketing tools, collect form data, store backups, and more. All features. Ecommerce Goodbye templates and code — design your store visually. SEO Optimize your website with controls, hosting, and flexible tools.

Editor Edit and update site content right on the page. Active 5 years, 6 months ago. Viewed 33k times. Alexey Ryazhskikh Alexey Ryazhskikh 2, 3 3 gold badges 29 29 silver badges 50 50 bronze badges. Add a comment. Active Oldest Votes. Hopefully it will help some folks as I really appreciate this community.

Would love anyone's feedback. Best, Jason. Jason Burgess Jason Burgess 51 1 1 silver badge 1 1 bronze badge. Alexander As far as I know there is no same service yet answered in