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>