隨著國內(nèi)大部分瀏覽器已經(jīng)升級，并且手機(jī)端的使用率增加，大部分網(wǎng)站都需要兼容移動端，并結(jié)合CSS3動畫來實(shí)現(xiàn)體驗(yàn)良好的網(wǎng)站，今天和大家分享的模板素材也是如此，布局精美，配合細(xì)微的交互動畫，這才是目前流行的網(wǎng)站趨勢。

這里我們整理了20款漂亮的HTML網(wǎng)站模板和網(wǎng)頁小組件元素，用戶可以下載下來免費(fèi)使用，就算不用也可以當(dāng)作是一個靈感也不錯呢。

Urku

Urku設(shè)計(jì)風(fēng)格時尚簡約，在手機(jī)端以及PC端都有良好的展示效果，適合攝影師或設(shè)計(jì)量來放自己的作品集。

在線演示 | 進(jìn)入下載頁

Ten + Free PSD & HTML Template

很酷的深色風(fēng)格網(wǎng)站模板，適合工作室、設(shè)計(jì)機(jī)構(gòu)、服務(wù)類網(wǎng)站，順便說下，菜單動畫很Cool！喜歡深色、黑色、暗調(diào)風(fēng)格的不要錯過哦！

在線演示 | 進(jìn)入下載頁

Future Imperfect

這是一個博客型的HTML模板，風(fēng)格也是很簡潔的。

在線演示 | 進(jìn)入下載頁

Hyperspace

使用了大量留白設(shè)計(jì)，讓閱讀更加舒適。

在線演示 | 進(jìn)入下載頁

Multiverse

這個HTML模板比較適合照片展示用途，可以說是攝影師用最適合了！

在線演示 | 進(jìn)入下載頁

ZMarketing

很時尚的卡片式布局，鼠標(biāo)移動到卡片上會有一些簡單的動效。

在線演示 | 進(jìn)入下載頁

Buje

Buje很酷的一個單頁網(wǎng)站模板，帶有頁面滾動動畫，當(dāng)瀏覽網(wǎng)頁時，向下滾動頁面，而頁面的的元素會帶動畫的形式出現(xiàn)，這類設(shè)計(jì)是目前比較流行的趨勢。

在線演示 | 進(jìn)入下載頁

Triangle

一個帶有手繪元素的網(wǎng)站模板，適合工作室、服務(wù)類型的行業(yè)。還有blog頁面，元素也很豐富。

在線演示 | 進(jìn)入下載頁

Design Lab

在線演示 | 進(jìn)入下載頁

Auberge

在線演示 | 進(jìn)入下載頁

Aisha

在線演示 | 進(jìn)入下載頁

Vertical Fixed Navigation #2

垂直固定菜單的效果很不錯，請點(diǎn)演示看效果，用來做一個專題頁面也夠了。

在線演示 | 進(jìn)入下載頁

Reading Progress Indicator

帶閱讀進(jìn)度的頁面，只有一個頁面，所以也是適合做專題頁的介紹。

在線演示 | 進(jìn)入下載頁

Horizontal Timeline

一個時間軸HTML頁面模板，效果不錯。

在線演示 | 進(jìn)入下載頁

Animated Intro Section

視頻介紹模板，我只想說 Cool ！

在線演示 | 進(jìn)入下載頁

Animated Map Path For Interactive Storytelling

具有互動體驗(yàn)的模板，但加載有點(diǎn)慢，請耐心等待。

在線演示 | 進(jìn)入下載頁

Cafe Racer Responsive Widget

一個不錯的響應(yīng)式小組件，也可以當(dāng)然是一個靈感吧：）

在線演示 | 進(jìn)入下載頁

Flat Soccer Scoreboard Responsive Widget

一個扁平化風(fēng)格的小組件，很精致漂亮哦！

在線演示 | 進(jìn)入下載頁