JavaScript Featured Examples
The UIZE JavaScript Framework includes scores of excellent examples to get you started. This index lists 24 JavaScript featured examples.
TAKE A STEP-BY-STEP TOUR...
You can take a step-by-step tour through the examples listed on this page. When you get into the tour, you can use the tour navigation bar that will appear just under the title bar to navigate through the examples. Use the arrows to go forward or back, or click on a "notch" on the progress bar to jump straight to an example.
Auto Tooltip for Photo Info See how a fancy photo info tooltip can be added for multiple links, where the tooltip's HTML is built using data tucked in the links' title attribute. Bars For Data Comparison See an example that uses bar widgets to create a dynamic bar chart to compare nutritional data for fruits, with slick JavaScript animation effects. Color Sort by RGB Proximity When you have a limited palette of colors, how can you sort the colors to find the closest matches to a desired color? This example shows you how. Curve Explorer Add pizazz to JavaScript animations - bounce, easing, elasticity, and more. Visualize and experiment with preset curve functions. Or create your own! Dynamic Collection See an example of a dynamic grid of images, where you can select one or more, drag-and-drop to rearrange, remove, select all, clear selection, etc. Hover Fader Color Effects Who needs boring menus when you can have stunning menu animations that will have your users mesmerized! You have to see these effects to believe them. Hover Fader Text Shadow Animation Animate the color, horizontal offset, vertical offset, and blur radius properties for any number of CSS3 text shadows to produce amazing menu effects. Hover Fader for Thumbnails See how to liven up image thumbnails with some cool JavaScript animation! Diverse effects can be achieved by animating different CSS style properties. JSON Prettifier Take ugly / unreadable JSON data and prettify it by re-serializing it. Make it look exactly how you want with the many serialization options provided. Mag View Experience the image magnifier widget that lets you see a zoomed in version of a highlighted area of an image, with support for multiple zoom levels. Marquee and Image Port See this demo for a drag-and-drop image crop interface, with an enlarged display of the cropped region. Drag to move it, or drag its edges to resize. Resizable Dialog See an example of a draggable and resizable modal JavaScript dialog that uses inline HTML (rather than a blockable popup window) and is configurable. Scrolly See the scrolly widget in action, as it scrolls two sets of thumbnails - horizontal and vertical - with an accompanying JavaScript animation effect. Scrolly Carousel See the scrolly widget being used to create a scrollable carousel, where scrolling through the pages is accompanied by a JavaScript animation effect. Sequenced Show Using Swap See how thumbnails in a grid of thumbnails can be revealed in a choreographed manner, with a JavaScript animation effect for revealing each thumbnail. Sliders in a Color Blender Three sliders for one RGB color selector. Three sliders for another. One slider to blend between the colors. Three sliders to show the blended color. Slideshow With Wipes See an example of a JavaScript slideshow widget with stunning image wipe animation effects that you didn't believe were possible with just JavaScript. Slideshow of Data Who says that a slideshow can only be used to display an image? See this demo - it uses a slideshow to display nutritional data for various fruits. Sortable Color Table See all the standardized colors of the CSS 3 specification in a sortable table, where you can sort by name, hue, saturation, lightness, and more. Tabbed Interface With Fade Everyone's seen a basic tabbed interface. Why not add some pizazz to your tabs with a JavaScript animation cross-fade effect! This demo shows you how. Tree List From JSON See a demo of a JavaScript expandable / collapsible tree list widget, that can be easily built from a JSON object and can even be dynamically updated. Tree Menu From JSON See a demo of JavaScript menus, that can be easily built from a JSON object and can even be dynamically updated. These menus also support separators. Uize.Widget.ImageWipe See stunning image wipe animation effects you didn't believe possible with JavaScript. Choose from dozens of themes. Tweak values to make your own. Zooming Collection Items Experience the zooming collection item widget. It gives you a lightweight and intuitive preview behavior, with a JavaScript animation zoom-in effect.