ebstrot鏄笓涓氱殑鐗╄仈缃戠鐞嗙郴缁熷墠绔ā鏉匡紝鐢ㄥ共鍑€鐨勭晫闈㈣璁＄悊蹇点€傚厖鍒嗗搷搴斿竷灞€鐨勭鐞嗕华琛ㄦ澘妯℃澘寤虹珛鍦˙ootstrap3妗嗘灦,HTML5鍜孋SS3銆傚畠鏈変竴涓法澶х殑鍙噸鐢ㄧ殑UI缁勪欢鍜岄泦鎴愪簡鏈€鏂扮殑jQuery鎻掍欢銆傚畠鍙互鐢ㄤ簬鎵€鏈夌被鍨嬬殑Web搴旂敤绋嬪簭,姣斿缃戠珯鍚庡彴,鐗╄仈缃戠鐞嗙郴缁?CMS鎴朇RM绯荤粺銆?/p>

涓嬭浇閾炬帴鏀惧湪鐨勬枃绔犵殑搴曢儴锛岄渶瑕佷笅杞界殑闈撲粩鍙互鍦ㄦ枃绔犲簳閮ㄦ煡鐪嬪摝锛?/strong>

杩?濂楃墿鑱旂綉绠＄悊鍚庡彴妯℃澘灏辨槸鍩轰簬Webstrot銆丅ootstrap3銆乯Query銆丠TML5銆丆SS3寮€鍙戠殑锛岄〉闈㈢畝娲佸ソ鐪嬨€佽壊璋冩湁鐧借壊鍜屾殫鑹层€備笖鍏ㄩ儴閲囩敤鍝嶅簲寮忓竷灞€銆傚棷......鍏跺疄鎰熻鍚э紝寰堝皯鏈変汉鐢ㄨ繖绫绘ā鏉匡紝姣斿鎴戜滑鍏徃锛岄兘鏄嚜宸辩編宸ヨ璁℃牱寮忓嚭鏉ワ紝鐒跺悗鎴戜滑鍏徃绋嬪簭鍛樿嚜宸卞啓銆傝繖4濂楁ā鏉挎嬁鏉ュ涔犱篃涓嶉敊锛屾垨鑰呭弬鑰冦€?/p>

涓昏鐗硅壊锛?
Bootstrap3妗嗘灦
10+鎺у埗闈㈡澘
4濂椾笉鍚岀殑甯冨眬鐗堟湰
500+demo椤甸潰
1000+ui鍏冪礌
HTML+CSS3鏍囧噯浠ｇ爜
浜壊鍜屾殫鑹?
瀹藉拰绐勫鑸彍鍗?
瓒呯骇骞插噣鐨勪唬鐮佸拰甯冨眬

涓嬮潰鏉ュ睍绀轰笅妯℃澘锛屽彧鏄埅鍥句簡涓€閮ㄥ垎锛岄渶瑕佹煡鐪嬪叏閮ㄧ殑锛屽彲浠ヨ嚜琛屼笅杞借鐪嬨€?/p>

涓€銆丩eft Sidebar

杩欎釜鐗╄仈缃戠鐞嗗悗鍙版ā鏉垮鑸爮涓哄乏杈规樉绀猴紝榛樿涓哄睍寮€銆傛湁浠〃鐩樸€佺鐞嗛〉闈€佸浘琛ㄣ€佹棩鍘嗐€佺數瀛愰偖浠躲€佷釜浜鸿祫鏂欑瓑椤甸潰銆?/p>

浜屻€丏ark Version

杩欎竴娆鹃鑹查鏍间笉涓€鏍凤紝閲囩敤鏆楄壊绯伙紝鍙﹀灏辨槸涓€浜涘竷灞€涓婂彂鐢熶簡涓€浜涘井灏忕殑鍙樺寲锛?/p>

涓夈€丮ini Sidebar

杩欎竴濂楋紝瀵艰埅鏍忛粯璁や负闂悎锛岄渶瑕佺偣鍑讳竴涓嬫墠浼氭墦寮€锛屽竷灞€涔熸槸鍜屼笂闈竴鏍凤紝澶у悓灏忓紓锛?/p>

鍥涖€丱verlay Sidebar

杩欎竴濂楃墿鑱旂綉绠＄悊鍚庡彴妯℃澘瀵艰埅鏍忎細瀹屽叏闅愯棌鐨勶紝闇€瑕佺偣鍑诲乏涓婅鐨勭澶达紝鎵嶄細鏄剧ず锛屽鑸爮涓烘偓娴紡锛屼細閬洊涓嬮潰鐨勬枃瀛椼€?/p>

鍘熻皡鎴戯紝鑴戦様閲岄潰瀹炲湪娌″ⅷ姘翠簡锛屽啓涓嶅嚭绮惧僵鐨勬弿杩癧娴佹唱]

涓嬭浇鍦板潃锛歨ttps://pan.baidu.com/s/1TG_BbE9-pUiaoorArIyfsw

鎻愬彇鐮? fsq9

濡傛灉浣犺寰楁湰绡囨枃绔犲浣犳湁鐢紝鍙互鍏虫敞涓嬫垜浠摝锛佹垜浠細鎸佺画鏇存柊鐢熸椿灏忕煡璇嗐€佹垨鑰呭鎮ㄦ湁鐢ㄧ殑涓滆タ銆?/strong>

寰€鏈熸枃绔犲垎浜細

浣犵湡鐨勪細鐢ㄧ櫨搴﹀悧锛熺湅瀹岃繖涓紝浣犲彲鑳戒細鎬€鐤戣嚜宸变笉浼氫娇鐢ㄧ櫨搴?/p>

鏃犻渶瀹夎鎻掍欢锛屼竴娈典唬鐮佽В闄ょ綉椤甸檺鍒讹紝闅忎究澶嶅埗缃戦〉鍐呭

濡備綍灏嗏€滆涓嶅緱浜虹殑鈥濇枃浠朵吉瑁呮垚鍥剧墖锛屾枃浠朵吉瑁呮湳锛屽缓璁敹钘?/p>

澶存潯鍒涗綔鎸戞垬璧?

Notus React

涓€娆惧熀浜?React 妗嗘灦寮€鍙戠殑鍚庡彴绠＄悊妯℃澘锛屽畠鏈夊嚑鐧句釜缁勪欢锛屽叾涓嚑鍗佷釜鏄姩鎬佺粍浠讹紝瀹冩槸瀹屽叏鍏嶈垂寮€婧愮殑锛屼綘鍙互闅忔剰淇敼瀹冪殑浠ｇ爜銆?/span>

Notus React 鎻愪緵浜嗕粠鍘熷瀷璁捐鍒扮湡瀹為〉闈㈣浆鎹㈢殑鍏ㄥ姛鑳戒唬鐮侊紝鎮ㄥ皢鑺傜渷澶ч噺鏃堕棿锛屽洜涓烘墍鏈夊厓绱犻兘宸插疄鐜般€?杩欎釜鍏嶈垂鐨?tailwindCSS 妯℃澘甯︽湁棰勬瀯寤虹殑绀轰緥锛屽洜姝ゅ紑鍙戣繃绋嬫槸鏃犵紳鐨勶紝浠庡師鍨嬮〉闈㈠垏鎹㈠埌鐪熷疄缃戠珯闈炲父瀹规槗瀹屾垚銆?/span>

瀹冪殑姣忎釜鍏冪礌閮芥湁棰滆壊銆佹牱寮忋€佹偓鍋溿€佺劍鐐圭殑澶氱鐘舵€侊紝鎮ㄩ兘鍙互杞绘澗璁块棶鍜屼娇鐢ㄣ€?/span>

Notus NextJS

Notus NextJS 鏄厤璐瑰拰寮€婧愮殑銆傚畠鍏锋湁澶氫釜 HTML 鍜?NextJS 鍏冪礌锛屽苟甯︽湁 NextJS 鐨勫姩鎬佺粍浠躲€?/span>

Notus NextJS 鍏锋湁閰风偒鐨勫姛鑳藉拰鏋勫缓宸ュ叿锛屼竴鏃︿娇鐢ㄥ氨浼氳浣犵埍涓嶉噴鎵嬨€?/span>

Notus NextJS 鐢卞墠绔?120 澶氫釜缁勪欢鏋勫缓锛屼娇鎮ㄥ彲浠ヨ嚜鐢遍€夋嫨鍜岀粍鍚堛€傛墍鏈夌粍浠堕兘鍙互閲囩敤棰滆壊鍙樺寲锛屾偍鍙互浣跨敤 Tailwind CSS 绫昏交鏉句慨鏀广€?/span>

Vue Notus

Vue Notus 鏄厤璐瑰拰寮€婧愮殑銆傚畠鍏锋湁澶氫釜 HTML 鍜?VueJS 鍏冪礌锛屽苟甯︽湁 VueJS 鐨勫姩鎬佺粍浠躲€?/span>

鍜?Notus React锛孨otus NextJS 涓€鏍凤紝瀹冧篃鎻愪緵浜嗕粠鍘熷瀷璁捐鍒扮湡瀹為〉闈㈣浆鎹㈢殑鍏ㄥ姛鑳戒唬鐮侊紝鎮ㄥ皢鑺傜渷澶ч噺鏃堕棿锛屽洜涓烘墍鏈夊厓绱犻兘宸插疄鐜般€?杩欎釜鍏嶈垂鐨?tailwindCSS 妯℃澘甯︽湁棰勬瀯寤虹殑绀轰緥锛屽洜姝ゅ紑鍙戣繃绋嬫槸鏃犵紳鐨勶紝浠庡師鍨嬮〉闈㈠垏鎹㈠埌鐪熷疄缃戠珯闈炲父瀹规槗瀹屾垚銆?/span>

瀹冩槸鍜?vue 瀹岀編鏁村悎鐨勶紝浣犲彧闇€瑕佸儚骞冲父浣跨敤寮€鍙?vue 椤圭洰涓€鏍蜂娇鐢ㄥ畠鍗冲彲銆?/span>

Notus Angular

浣跨敤鍏嶈垂鐨?Tailwind CSS 鍜?Angular UI Kit 鍜?Admin 寮€濮嬫偍鐨勫紑鍙戙€傝 Notus Angular 浠ュ叾閰风偒鐨勫姛鑳藉拰鏋勫缓宸ュ叿璁╂偍鎯婂徆涓嶅凡锛岃鎮ㄧ殑椤圭洰杈惧埌涓€涓叏鏂扮殑姘村钩銆?/span>

Notus Angular 鏄厤璐瑰拰寮€婧愮殑銆傚畠鍏锋湁澶氫釜 HTML 鍜?Angular 鍏冪礌锛屽苟甯︽湁 Angular 鐨勫姩鎬佺粍浠躲€?/span>

瀹冨熀浜庡垱鎰忚拏濮嗙殑 Tailwind Starter Kit锛屽畠鐢辨紨绀洪〉闈㈠拰绠＄悊浠〃鏉块〉闈㈡瀯寤恒€?/span>

浣跨敤鍒涙剰钂傚鍒朵綔鐨勭簿缇庝骇鍝佸姞閫熸偍鐨勭綉缁滃紑鍙戙€?濡傛灉浣犲枩娆㈡槑浜竻鏂扮殑棰滆壊锛屼綘浼氬枩娆㈣繖涓厤璐圭殑 tailwindCSS 妯℃澘锛佸畠鍏锋湁澶ч噺鐨勭粍浠讹紝鍙互甯姪鎮ㄥ垱寤轰护浜烘儕鍙圭殑缃戠珯銆?/span>

Notus Svelte

浣跨敤杩欎釜鍏嶈垂鐨?Tailwind CSS 鍜?Svelte UI Kit 鍜岀鐞嗗憳寮€濮嬫偍鐨勫紑鍙戙€傝 Notus Svelte 浠ュ叾閰风偒鐨勫姛鑳藉拰鏋勫缓宸ュ叿璁╂偍鎯婂徆涓嶅凡锛岃鎮ㄧ殑椤圭洰杈惧埌涓€涓叏鏂扮殑姘村钩銆?/span>

濡傛灉鎮ㄥ枩娆㈡槑浜竻鏂扮殑棰滆壊锛屾偍涓€瀹氫細鍠滄杩欎釜妯℃澘銆傚畠鍏锋湁 100 澶氱缁勪欢锛屾偍鍙互娣峰悎鎼厤銆傚畠杩樺甫鏈夐鏋勫缓鐨勭ず渚嬨€?/span>

material tailwind

鍩轰簬鏉愭枡璁捐椋庢牸鐨勫悗鍙扮鐞嗘ā鏉匡紝鎻愪緵浜嗛潪甯稿鐨勭粍浠讹紝骞朵笖杩樻彁渚涗簡澶氱鐨偆涓婚銆?/span>

鏀寔鏄庢殫涓婚閫傞厤锛屾彁渚涗簡闈炲父涓板瘜鐨勮〃鍗曞厓绱狅紝瀵逛簬琛ㄥ崟鍜岃〃鏍肩殑澶勭悊闈炲父鐨勬柟渚裤€?/span>

姝ゅ锛屽畠杩樻彁渚涗簡璁捐鍔熻兘锛屽彲浠ヨ交鏉惧湪椤甸潰璁捐鍜岀湡瀹炵綉绔欎箣闂磋繘琛屽垏鎹€?/span>

Yeti Admin

涓€涓甫鏈?XD 璁捐鏂囦欢鐨勭幇浠?Tailwind CSS 绠＄悊妯℃澘銆傚畠杩樺寘鎷竴涓叆闂ㄥ伐鍏峰寘锛屽洜姝ゅ鐞嗘柊椤圭洰灏嗘洿鍔犲鏄撳拰蹇嵎銆?/span>

瀹冨寘鎷繁鑹叉ā寮忋€佸嵆鐢ㄥ瀷椤甸潰鍜屽簲鐢ㄧ▼搴忋€佷笉鍚岀殑鑿滃崟鏍峰紡绛夈€?/span>

瀹冩彁渚涗簡涓€涓嚎涓婇瑙堟渚嬶紝鍙互璁╀綘鍏ㄩ潰鍦颁綋楠屾暣涓悗鍙扮殑鍔熻兘鍜岃璁￠鏍笺€?/span>

濡傛灉浣犳鍦ㄥ鎵句竴涓畝绾﹂鏍肩殑妯℃澘锛岄偅涔堝畠搴旇姣旇緝閫傚悎浣狅紝杩欐槸鍑犱釜鏋佺畝涓讳箟妯℃澘锛屼絾鏄畝绾︿笉绠€鍗曘€?/span>

TailStack

TailStack 鏄竴涓畬鍏ㄥ搷搴旂殑 Tailwind CSS 绠＄悊妯℃澘锛屽叿鏈夊绉嶈璁★紝甯冨眬鍜岀敤鎴风晫闈㈢粍浠躲€傛偍鍙互蹇€熸瀯寤烘垨鎵╁睍 TailStack锛屼互閫傚簲浠庝紒涓?CRM 鍒?SAAS 绠＄悊鍛樼殑浠讳綍搴旂敤绋嬪簭銆?/span>

瀹冨熀浜?tailwind2 鏋勫缓锛屾彁渚涗簡涓板瘜鐨?UI 缁勪欢锛屽苟涓旇繕鎻愪緵浜嗗悇绉嶅浘琛ㄦ牱寮忥紝鏀寔澶氱甯冨眬锛屼綘鍙互閫氳繃绾夸笂妗堜緥鏉ヤ綋楠屽畠鐨勭湡瀹炴劅鍙椼€?/span>

Midone

Midone 鏄竴涓搷搴旇繀閫熶笖鍔熻兘涓板瘜鐨勭鐞嗘ā鏉匡紝浣跨敤瀹炵敤绋嬪簭浼樺厛鐨?CSS 妗嗘灦 Tailwind CSS 鏋勫缓銆?/span>

瀹冨浜庡紑鍙戜汉鍛橀潪甯稿弸濂斤紝涓旀敮鎸侀珮搴﹁嚜瀹氫箟锛屽畠鍐呯疆浜嗗緢澶氬疄鐢?UI 缁勪欢锛岄€氳繃鍐呯疆绫诲氨鍙互杞绘澗娣诲姞鍚勭鍔熻兘銆?/span>

鏃犺鎮ㄦ槸鏋勫缓鍚庣搴旂敤绋嬪簭銆佷俊鎭郴缁熴€丆RM 杩樻槸寮€濮嬩竴涓柊鐨勭畝鍗曢」鐩紝Midone 閮芥槸涓€涓粷浣崇殑閫夋嫨銆?/span>

瀹冧竴鍏辨彁渚涗簡 50 澶氶〉鐨勬ā鏉挎枃浠讹紝鍙互璁╀綘杞绘澗鎵惧埌婊℃剰鐨勬ā鏉挎牱寮忋€?/span>