2020-də ReactJS üçün 20 ən yaxşı pulsuz çəkmə şablonu

2020-də ReactJS üçün 20 ən yaxşı pulsuz çəkmə şablonu

2020-də ReactJS üçün 20 ən yaxşı pulsuz çəkmə şablonu
СОДЕРЖАНИЕ
02 июня 2020

Saytınızın və ya mövzunuzun bir idarə sahəsi üçün gözəl bir UI qurmaq çətin ola bilər. Gözəl görünmək istədiyiniz çox sayda hissə var, amma hər şeyi yaxşıca cilalamaq və təqdimatın hər yerdə piksel mükəmməl olduğundan əmin olmaq üçün vaxt yoxdur. ReactJS üçün ən yaxşı pulsuz Bootstrap şablonlarının işə düşdüyü yer budur.


Hansı yola baxacağınızı bilirsinizsə, onlayn layihələrinizdə istifadə olunmağı gözləyən çox sayda mənbəni (pulsuz və pullu) görürsünüz.

Əlbətdə ki, bunları hələ də qurmağınıza birləşdirməli olacaqsınız, amma nöqtə budur ki, inanılmaz dərəcədə dizaynlı deyilsinizsə belə, gözəl görünüşlü bir interfeys yarada bilərsiniz..

Məsələn, ReactJS vəziyyətində olduqca asanlıqla inteqrasiya edə biləcəyiniz hazır paket paketləri var. Onlar müxtəlif məqsədlər üçün qurulmuşdur və saytınıza təzə və parlaq elementlər əlavə edərək görünüşünüzü tamamlamağa kömək edə bilər. Bu gün ReactJS üçün həmin Bootstrap şablonlarını sizə göstərəcəyik. Ən əsası, hamısı pulsuzdur.

ReactJS üçün ən yaxşı pulsuz Bootstrap şablonları

2020-də ReactJS üçün ən yaxşı pulsuz Bootstrap şablonları

1. Material tablosundan reaksiya

Material tablosundan reaksiya

Buradan alın

Material Dashboard Reaksiya görünüşüMaterial Dashboard Mobil reaksiya
  • Google-ın Material Dizaynından ilham aldı.
  • Material-UI çərçivəsi.
  • Çox müxtəlif təbəqələrin ardınca kağız vərəqləri.
  • Yan panel və kart başlıqları üçün beş rəng filtri seçimi.
  • Yan çubuğundakı arxa görüntü.
  • Maddi effektlər, animasiyalar, ripples və keçidlər.
  • 30 əl işlənmiş komponent.

2. Shards Dashboard Lite Reaksiya

Shards Dashboard Lite Reaksiya

Buradan alın

Shards Dashboard Lite Reaksiya görünüşüShards Dashboard Lite Mobil reaksiya
  • Tamamilə cavab verir.
  • Xüsusi komponentlər və şablonlar.
  • Yüngül və sürət üçün optimallaşdırılmışdır.
  • 1500 dəstəkləyən nişanlar (FontAwesome) & Material icon paketləri).
  • Müasir dizayn sistemi.
  • Mənbə sənədləri daxil edilmişdir (SCSS və Eskiz sənədləri).
  • Blog yazıları, formaları, məzmun redaktoru, cədvəllər, istifadəçi profili, səhvlər.

3. Yüngül Bootstrap Dashboard Reaksiya

Yüngül Bootstrap Dashboard Reaksiya

Buradan alın

Light Bootstrap Dashboard React görünüşüLight Bootstrap Dashboard Mobil reaksiya
  • Admin tablosuna şablon.
  • Tamamilə cavab verir.
  • İdarəetmə panelləri, layihə idarəetmə sistemləri, veb tətbiqləri, CMS və ya CRM üçün quraşdırılmışdır.
  • 30 əl işlənmiş komponent.
  • Üç xüsusi plagin.
  • Yeddi nümunə səhifəsi.
  • İstifadəçi profili, masa siyahısı, mətbəə, nişanlar, xəritələr, bildirişlər və s.

4. UI-Material Admin Şablonu

UI-Material Admin Şablonu

Buradan alın

UI-Material Admin Şablon görünüşüUI-Material İdarəetmə Şablonu mobil
  • Həssas dizayn.
  • Masaüstü panellər və admin səhifələr üçün quraşdırılmışdır.
  • Reaksiya və Material UI komponentləri.
  • Rəngarəng və müasir dizayn.
  • Giriş, masalar, formalar və tablosuna vidjetlər.
  • Sadə və intuitiv komponentlər.
  • Animasiya tərəqqi barları.

5. ReactJS-AdminLTE

ReactJS-AdminLTE

Buradan alın

ReactJS-AdminLTE görünüşüReactJS-AdminLTE mobil
  • Admin səhifələri və tablosuna quraşdırılmışdır.
  • ReactJS qrafiki daxil edilmişdir.
  • Özelleştirilebilir komponentlər.
  • İki tablo versiyası.
  • Diaqramlar, cədvəllər, formalar, poçt qutusu, təqvim və s.
  • Layout seçimləri.

6. CoreUI

CoreUI

Buradan alın

CoreUI görünüşüMobil CoreUI
  • Bootstrap 4 və React əsaslıdır.
  • İstifadəçi interfeysləri üçün quraşdırılmışdır.
  • Dörd plugin daxil edilmişdir.
  • Trafik, satış, statistika, sosial media, istifadəçi fəaliyyəti üçün qrafik və qrafik təqdim edir.
  • Elementlər üçün çox rəng.
  • Müasir və intuitiv interfeys.
  • SCSS mənbə sənədləri.

7. Argon tablosuna reaksiya

Argon tablosuna reaksiya

Buradan alın

Argon Dashboard Reaksiya görünüşüArgon Dashboard Mobil reaksiya
  • Bootstrap 4 və Reactstrap üçün qurulmuşdur.
  • 100 əl işi.
  • Beş xüsusi plagin.
  • Altı nümunə səhifəsi.
  • Tam kodlu komponentlər.
  • SASS sənədləri vasitəsilə rəng və üslub dəyişikliyi.

8. Direktor Şablon

Direktor Şablon

Buradan alın

Direktor Admin Şablon görünüşüRejissor Mobil Şablon
  • Cavab verən şablon.
  • Masaüstü panellər və admin səhifələr üçün quraşdırılmışdır.
  • Rəngli düymələr, nişanlar, etiketlər və işarələr.
  • Statistikalar kartları, qrafiklər, tərəqqi barları, Twitter yemi, işlər siyahıları və s.
  • Müasir və gözəl dizayn.
  • Dörd önizləmə versiyası: Dashboard, Ümumi, Əsas və sadə tablolar.
  • Vasitə paneli menyusunda axtarış çubuğu və saatı.

9. Blur Adminə reaksiya verin

Blur Adminə reaksiya verin

Buradan alın

Blur Admin görünüşünə reaksiya verinBlur Admin'i mobil telefonla reaksiya verin
  • Admin tablosuna qoyulub.
  • Masalar, formalar, xəritələr, qrafiklər, UI xüsusiyyətləri və əsas komponentlər.
  • Boz-mavi rəng sxemi.
  • Səhifələr, demolar və planları ayrıca yükləmək olar.

10. İdarəetmə paneli şablonu

İdarəetmə paneli şablonu

Buradan alın

İdarəetmə panelinin şablon görünüşüİdarəetmə paneli mobil şablon
  • ES6 JavaScript-də React.js ilə hazırlanmışdır.
  • Veb paketi modul bağlayıcı kimi istifadə edir.
  • Çəkmə toru.
  • Şrift Zəhmli inteqrasiya.
  • Solğun rənglər.
  • Müasir və asan widgetlar.
  • Diaqramlar, xəritələr, cədvəllər, formalar, mətbəə və s.

11. Kağız tablosuna reaksiya

Kağız tablosuna reaksiya

Buradan alın

Kağız tablosuna reaksiya görünüşüKağız Dashboard Mobil reaksiya
  • Dörd xüsusi plugin.
  • 16 əl işi.
  • Yeddi nümunə səhifəsi.
  • Bootstrap admin paneli.
  • Yumşaq rəngləri gözəl mətbəə və geniş kartlar və qrafika ilə birləşdirir.
  • Yüngül və istifadəsi asandır.

12. Reaksiya verin Admin

Reaksiya verin Admin

Buradan alın

Reaksiya materialı idarəsiMobil İdarəetmə materialına reaksiya verin
  • Material UI, Redux, React və daha çoxuna əsaslanaraq.
  • Paket üçün Webpack istifadə edir.
  • Diaqramlar, nişanlar, siyahılar, tərəzilər, seçimlər, keçidlər və s. Daxildir.
  • Təmiz və müasir interfeys.
  • Beş növ qrafik.
  • Rəngli chart elementləri.
  • Admin səhifələri üçün qurulub.

13. İstirahətdə Admin

İstirahətdə Admin

Buradan alın

İstirahət rejimində idarəetməMobil telefonda istirahət
  • Yaradın Reaksiya tətbiqi ilə.
  • Elektron ticarət komponentləri.
  • Administrator ana səhifəsində statistika vidjetləri.
  • Rəylər, kateqoriyalar, plakatlar, sifarişlər, seqmentlər və s.
  • Təmiz və minimalist dizayn.
  • Onlayn mağazalar üçün tikilib.
  • Yüngül və qaranlıq dərilər.

14. CxJS

CxJS

Buradan alın

CxJS görünüşüCxJS mobil
  • İş, tablo panelləri və idarəetmə tətbiqləri üçün quraşdırılmışdır.
  • Xüsusiyyətlərlə zəngin JavaScript çərçivəsi.
  • Vidjetlər, qrafiklər, dövlət idarəetməsi, sxemlər və s.
  • Qabaqcıl mövzu nəzarəti.
  • Beş fərqli tətbiqetmədən ibarətdir.
  • Dörd cədvəl növü.
  • Daxili və xarici planlar.

15. ReactJS Admin Şablonu

ReactJS Admin Şablonu

Buradan alın

ReactJS Admin Şablon görünüşüReactJS Admin Şablonu mobil
  • ReactJS üçün tətbiq çərçivəsi.
  • Masaüstü paneli, tablolar, formalar, çox səviyyəli açılan və digər komponentlər.
  • Boş səhifə və giriş səhifəsi daxil olmaqla nümunə səhifələr.
  • Minimalist və təmiz dizayn.
  • Xüsusi mətbəə.
  • Yapılandırılabilir yan naviqasiya.
  • Yığılabilir bildiriş çubuğu.

16. SB Admin 2

SB Admin 2

Buradan alın

SB Admin 2 baxışıMobil SB Admin 2
  • Bootstrap 4-ə əsaslanaraq.
  • Tablosuna və ya veb tətbiq UI üçün qurulmuşdur.
  • Tamamilə cavab verir.
  • Üç xüsusi panel üslubu (qırmızı, sarı və yaşıl).
  • Genişləndirilmiş işləmə üçün güclü jQuery plaginləri.
  • Sosial düymələrin quraşdırılmış kitabxanası.
  • Bootsnipp-dan Bootstrap sohbet widget.

17. React-Django Admin

React-Django Admin

Buradan alın

React-Django Admin görünüşüReact-Django Admin mobil
  • İdarəetmə interfeysi.
  • Çəkmə əsaslı şablonlar.
  • Django istirahət çərçivəsini istifadə edir.
  • OAuth2 provayderi.
  • Hər hansı bir OAuth2 əsaslı API üçün veb giriş.
  • İstifadəçilər siyahısı şablonu.
  • Şifrə və yeni istifadəçi komponentlərini dəyişdirin.

18. Veb paket skeletinə reaksiya verin

Veb paket skeletinə reaksiya verin

Buradan alın

Webpack Skelet görünüşünə reaksiya verinVebdə veb skeleti reaksiya verin
  • Blur mövzusunun fərdi elementlərini ehtiva edir.
  • Düymələr, barlar, masalar, qutu haqqında, mətn girişləri, modallar, nişanlar, bildirişlər.
  • Mavi-yaşıl rəng sxemi.
  • Çox rəngli elementlər.
  • Səhifə tapılmadı.
  • Müxtəlif panelləri əhatə edən xoş gəlmisiniz.

19. Tablet

Tabletə reaksiya verin

Buradan alın

Tabler görünüşünə reaksiya verinTabletdə mobil telefonla reaksiya verin
  • Elementlər kateqoriyalara bölündü: interfeys, blog, qalereya, səhifələr, formalar.
  • Mağazalar, bloglar, kartlar, qiymət masaları, əlaqə formaları, anketlər, səhifə səhvləri üçün vidjetlər.
  • Minimalist, təmiz komponentlər.
  • Admin tablosuna daxil edilmişdir.
  • Flickr kimi foto qalereya / portfel.
  • Yeddi səhv səhifəsi + giriş / qeydiyyat formaları.

20. Azalma reaksiyası

Reaksiya azaldılması

Buradan alın

Reaksiya Azaldılması görünüşüReaksiya azaldılması mobil
  • Reaktiv Proqramı Yaradanın üstündə qurulub.
  • Əsas Google Analytics inteqrasiyası.
  • Çəhrayı-bənövşəyi rəng sxemi.
  • İnteraktiv, müasir və rəngarəng elementlər.
  • Diaqramlar, səhifələr, kartlar, vidjetlər, komponentlər, məzmun (mətbəə, masalar).
  • Admin tablosu.
  • Komponentlər: düymələr, formalar, açılanlar, döş nişanları, siqnallar, giriş qrupları, modallar və tərəqqi çubuqları.

Bu yazılarla da maraqlana bilərsiniz:

  • Best React UI komponent kitabxanaları / çərçivələri
  • Tətbiq inkişafı üçün pulsuz reaktiv doğma şablonları
  • 20+ ən yaxşı Angular admin tablosuna şablonlarından 2020-ci ildə
  • Bir e-ticarət ticarətini sıfırdan necə başlamaq olar (10 addımda)
  • Fiverr-də necə pul qazanmaq olar: hər ay 2-3k dollar qazanmaq üçün atdığım dəqiq addımlar

* Bu yazıda filial əlaqələri var, yəni məhsul əlaqələrindən birini vurub məhsulu satın alsanız, kiçik bir ödəniş alacağımızı bildirir. Narahat olmayın, yenə də standart məbləği ödəyəcəksiniz, buna görə sizin tərəfinizdə heç bir xərc yoxdur.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector