Boxtuffs is a website which is regularly sharing pretty original and free resources created with HTML5 + CSS3 and built by Salvador Lopez Mendoza, a talented icon + UI designer.

The “stuffs” includes an auto-growing search box, an on/off switch, a download button and more. But all with a twist.

And, a great thing about the resources is “every download comes with the PSD source files”.

Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations. CSS3 Transforms are used to create this visual “3D” isometric effect.

The plugin uses CSS3 transforms and also helps creating any custom 3D effects.

There are various options offered like the position of the element in degrees, duration/direction of the animation and callbacks on every level.

Sencha Animator is a powerful desktop application to create awesome CSS3 animations for WebKit browsers and touchscreen mobile devices. Make your static content come to life quickly and easily, without the dependency of third-party plugins or writing a single line of CSS code. In no time at all, you’ll be creating rich experiences for today’s most popular devices.

You can animate text and images with smooth transitions, design buttons with gradients, and embed analytics tracking [...]

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forward and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigation.

You can build a cool rounded navigation menu, with [...]

Inspired by American portrait painter Chuck Close, this script converts an image into a pixelated version using an HTML5 canvas element. It’s basically a simple demo for canvas’ imageData functionality.

This script works on any image. According to the HTML5 spec, browsers prevent the usage of getImageData() on any externally hosted image, but (largely thanks to the contributions of John Schulz, using Max Novakovic’s getImageData API) Close Pixelate has built-in methods to get around this security feature.

Options

The function accepts an array [...]

Would you like to have a Pure CSS Progress Bar  which requires one image for background stripes only? With simple Javascript for animation, it turned into a really simple and slick progress bar which you can use it anywhere on your website.

Pure CSS Progress Bar is best viewed in a Webkit based browser, Chrome is good, also Safari. Opera 10.62 looks quite good. Firefox and IE 9 kind of work (no animations). IE 8, 7 and 6 do not support [...]

This is a collection of buttons that show what is possible using CSS3 and other advanced techniques. These buttons look best in Chrome and Safari (especially on OSX). They look almost as good in Firefox, with all other browsers falling back to a less-styled button.

There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible.

And voila.. here they are, the BonBon Buttons. Named after the French word for “Candy”. So, let’s take a tour trough the candy store.

If you would like to add an icon, you can use the HTML5 custom data attribute like this: data-icon=”S”. This allows you to use any of the Unicode symbols or the newly released Picos Font as icons. [...]

Flip! is a jQuery plugin that makes possible to flip HTML elements.

You can set the direction of the effect, right-to-left, up-to-down or vice verse of both, the content to be displayed after the flip and the background of it.

Flip is compatible with Firefox, Chrome/Chromium, Opera, Safari and even IE (6,7,8)