Using ThemeRoller

ThemeRoller allows you to design custom jQuery UI themes for tight integration in your projects. To create a custom theme, select the Roll your own tab and tweak the settings. As you work, the UI components below will update to reflect your design. If you'd like to use a pre-designed theme, select the Theme Gallery tab and choose from one of the themes in the gallery. Once you have created or found a theme that you like, you can click the Download Theme button below. To save a theme for later, simply bookmark or copy the URL.

Build your own ThemeRoller-Ready Components! Filament Group's ThemeRoller-Ready components tutorial

Credits

ThemeRoller was designed and developed for jQuery UI by Filament Group, Inc, of Boston, MA. The color pickers in ThemeRoller utilize the Farbtastic jQuery plugin, developed by Steven Wittens. The keypress events in ThemeRoller make use of the Hot-Keys jQuery plugin by Binny V A, and Tzury Bar Yochay. The preloadCSSimages plugin, also written by Filament Group, is used to preload all images referenced in CSS files. For more info on the development of ThemeRoller, please visit Filament Group's lab article Introducing ThemeRoller: Design & Download Custom Themes for jQuery UI.