A-Fu Design

實際執行畫面

很久以前就有的一個基於 jQuery 框架的套件，簡單容易使用只可惜目前已經不再更新版本，所以未來的可用性比較少，如果只需要簡單的功能的話可以使用此套件，如需更多強大的功能就不建議使用了。

jQuery Masonry實際執行畫面

一個佈局套件或稱瀑布流套件，可以將它視為CSS浮動的另一面，CSS浮動式基於水平方向然後再以垂直方向對期，而使用 Masonry 則是使用網格控制網頁元素的垂直方向然後才是水平方向。類似 http://pinterest.com/ 的自動排版套件。這一個套件特別的是它有做了三個不同框架上的版本，此範例是使用jQuery的版本。

Mootools ToolTips實際執行畫面四個分割視窗呈現

很多時候網頁上的元素為了保持乾淨整潔的樣子，所以會少掉了很多說明的文字部分，但是為了可以讓使用者更了解這一個連結或者這一個圖片是做什麼的，這一個功能就是幫助設計師可以保持頁面又可以讓使用者清楚知道圖片或文字的意義。

ProgressBar執行畫面

有時候當我們在建置網站應用的時候，我們可能會需要用到進度條來讓使用者了解現在是有沒有在做動作，因此WebAppers創建了這一個簡單的JavaScript進度條，只需用到一點點的JavaScript就可以有進度的效果，用以增加網頁的互動性。

GlassBox 實際執行畫面

GlassBox是一個輕量級的JavaScript用戶介面庫，他有稍微使用到Prototype和 Script.aculo.us這兩個框架，GlassBox可以讓您輕鬆的建立透亮的邊框，易於使用可訂製和可換的外觀，有連貫性的API基於CSS參數值，可動態加載基本的AJAX XHR，測試IE6以上FireFox2、Opera 9 、Safari 3 、Chrome皆可用。

FaceBox執行畫面

Facebox 是基於 jQuery框架有Facebook對話視窗風格的lightbox，可以顯示圖片網頁DIV元素或者整個遠端的頁面，檔案本身也不太大CSS加JavaScripts再加上圖片總共才13KB左右，使用方法也很簡單。

圓角效果

設計網頁上圓角的方塊看起來總是比一成不變的方角來的好看，但是又要為每個方塊設計不一樣的圖片實在是很麻煩的一件事情，CurvyCorners可以讓任何的HTML網頁DIV元素創建出圓角效果，並且在IE6以上就都能夠執行，版本相容性問題都已經幫我們解決了。