Tweet



 
A very easy to use, cross platform, jQuery based UI toolkit, that's still small in size, has the features you need, and doesn't get in your way of doing things! Put jQuery and jKit on all your pages and HTML becomes so much better. And the best thing? You really don't have to be a programmer to create a trully amazing website! jKit has 99% of all the features you ever need. You don't have to check out dozens of plugins, learn how to use them, only to find out they don't work in a specific browser. And even if jKit doesn't have that one feature you need right now, jKit is fully extendable with plugins and command replacements, all that and your API always stays the same.

downloads

Latest commit:

basics

Learn how to use the library and configurate it to your own needs.

advanced

jKit is already very useful by just using the basic features, but if a little bit of JavaScript, you can do so much more!

commands

Binding

Bind different things to other things. Only your imagination sets the limit.

1.0+

Respond

Add some lorem filltext to your site for testing.

1.2.11+

Template

Reduce repetition and load times of your page with our little templating engine.

1.0.8+

Background

Do you need an image that scales to the whole of the browser window, at all times? With or without distortion? Than this one's for you.

0.9+

Lightbox

Open images, or html documents in a lightbox or modal window.

1.0.4+

Slideshow

Create slideshows of images or other HTML elements, even linked ones.

0.9+

Gallery

Create a tab navigation for inline content.

0.9+

Tabs

Create a tab navigation for inline content.

0.9+

Accordion

Create an accordion style inline content navigation.

0.9+

Carousel

Make content go around and around ... and around.

1.0.10+

Parallax

This command lets you create a parallax effect of different layers triggered by mouse movement.

0.9+

Ticker

Create a news ticker from a list of entries.

1.0.41+

Cycle

Maske it easy to cycle through a sequence of different elements to style them differently.

1.0.17+

Animation

Tween between different elements (frames) to create an animation.

0.9+

Zoom

Zoom into an image on mouseover.

1.0.46+

Menu

Create a dropdown menu that works on all browsers, especially mobiles.

0.9+

Tooltip

Show additional information on hovering a link.

0.9+

Paginate

Lets you create paginated content.

1.1.14+

Sort

Let visitors sort table rows by their columns.

1.0.42+

Filter

Dynamically filter your content and only show what's currently needed

1.1.0+

Form

Create an ajax submitted form.

0.9+

Validate

Validate form values in many different ways.

0.9+

Ajax

Easely convert normal href links into ajax links.

1.0.15+

Chart

Create animated bar charts from tabular data.

1.0.9+

Plugin

Use a jQuery plugin the same way as your other jKit commands with the help of this command.

0.9+

API

Easely gather data from external API's.

1.0.47+

Scroll

Smoothly scroll to an anchor or the top of the page.

1.0.2+

Partially

Hide part of an element that exceeds a specific size and make it unhidable.

0.9+

Summary

Create a summery, linked or not, of a content area

1.1.0+

Limit

Limit the number of entries in a list or the number of characters in a string.

1.0.6+

Hide

Hide something at a specific time after pageload, and animated if needed.

0.9+

Remove

Completely remove something from the page after a delay.

0.9+

Show

Show something at a specific time after pageload, and animated if needed.

0.9+

Showandhide

Show something and then hide it again. You have full control over the specifics.

0.9+

Loop

The new blink tag, just animated. Use it on your own risk.

0.9+

Random

Randomly choose one or more elements from a selection of elements.

0.9+

Encode

A simple command to encode the content of an element, especially usefull for pre and code elements.

1.0.9+

Split

Split a string into DOM elements.

1.0.12+

Live

Update the source of an image or an iframe periodically, great for webcam images.

1.0.12+

Key

Add keyboard shortcuts to links.

1.0.15+

Replace

Replace existing content with new content, based on simple strings or regexes.

1.0.17+

Fontsize

Let the user easely change the fontsize of certain elements.

1.0.17+

Swap

Swap an image with an automatically preloaded replacement.

1.0.18+

Lorem

Add some lorem filltext to your site for testing.

0.9+

more to come ...