Silicon

Multipurpose Business /
Technology Template

More Silicon Features

Built with Bootstrap 5

Silicon is the powerful front-end solution based on Bootstrap 5 — the world’s most popular responsive, mobile-first front-end component library.

Detailed Documentation

Download package includes the documentation that covers all crucial information about how to get started, customize template and components usage.

Mobile Freindly Interface

It's not a surprise that nowadays over 80% of users surf the inernet using their mobile devices. Silicon is 100% responsive and optimized for small touch screens.

PNG  IHDRaPLTEHRSSTTSTRIAXBB[\[ASBDSEE\PRZFTTST][FEDFD[Y[ET\\TFSaNTbR`:V4HiChN@&We>av8"mCǑ_;Z|% dsjnD(Y6h.K-8mh?$tGɳϞ[G+;լaRrDsF*xS7,U5>u]?4۸yZRS7Db@I(0`'OJQX1d87)ѾW#5޿X!!?de)UfLSLkt3YJՆBuP7T|OvXNEBKlUT^pRaOtjfl+_dlˬo>YP^Kزٽ&2ˀy|Or؞{~Fj1TtTrNu]%ޚlrt+|Y"šn띀ws$^{3͟lk)KѽIⒽ=uA۹[IV? PszD U$ ە ?Jfk'34"Gj/tRNS  .A &Ld7O&1[\;A&7YldߥiIPA;nIDATxAn0Q<:Ej)R& t{kth?~Vmoj[6*puDoj߬o`d6b׃3U:G1AOӞ^ VZTz.^=OzfTqSg(&쉪hLjj]i؛ړT+'dӔ#c-z{18Şgi,{{ѻisW{sgbOs,0$ }{1M{wb3ir>=3UQλy{1b"Tc9b8ŋ=+[]tw=,8cYfG{q{{#Y?ډ 0AX ߤ<~kث^s{^8^ƾcz]ϲg'==cGMƲgfX*׈=K5b{سt/",׈=3[OvmeSlf: *vY`F7m| -ى oEdiDc ٸd?-g㯗nxϯڳ=-B3Z)`id?-{ 9gęy!%0dfp~6ޖO/\\{C6`y..MxRpgD+eGfp>l#)ٽ\i jC= eYxv {j(ٗυōz(:=2_z z#T~+·oNܭva#u$,̱EsK1tє`4d'wjUe# ~%BtSvyUc1,(KߤI"ҟi6fMzmѣB$ddl? }ӄKwLv/_%f8}?tִ溗#Ҧk̠eek,^xw樊3 ^#]Dj+hʣN;A؞\eLHΆſY:BswftU7}}5,Rb6VB1NY^noaYf)m@jBQ;*YhWw<'f>ijRxzDOdϵg?_#v|km% .<[_(ФWvlZ|T]]=%.F`K.p>u€`&[a :SOqצ#%Wٿ}[g)rH-=tgƽ^lL+ Ⱦ9S=iwwYKMiEu>j_0^ed?_OFHy=&L[.{!`5`<уs AvŒ;kΕq hBBc4`&{ ϩD\Z*%3~ϼbO~HK a>n}{7D@}v}u%H5{g:E-!4(P +Knhϗ7HQd8$sC< π=;pe[Snr9 :ml:N}}uaA13"{"~3RF &{u\=&-\'s="?A1tVSAq*u:&Z^?ߏͱdeEa7tIYv5!vЖenq/ {JxC \9Լ6⸹[>Gt. +~v[}kNvu_dH%$}M"Mx2a;4ٯRz-a>,MǸyqbN1;%~&{}P~ X4kƿh7o50/,@HwJxYǫ7GسNؗW{3{]/5=K{]Wi͞%5že,a2xeY^;wA `/HAC@TH44o .֑}XdwW/W$²>-f }ZX ia٧e}61~ZX`٧wg󲣵3t)?^SS58ƧeKv%1p;էbZ)% E(A5jB׫dtHk d(l`ٙ4@E=n7mڃ'۳ht 8AjAɶ y6vٝYLc460؄BF{oSʡ@tػg}xUlIbYv󕼬F[Uz\ɞ劽(2;p/BT =cr%%Y9ϩ+ :Kwβ#J)J+xɎn g(2Sa#)G$@顃E x]˵WB!;)+4Y˞V \(Ȗsyv{wW{j/S{u9kvoev!)ϲ( ^gv"%v Mwΰlݚw`dIabp)d'eܝe_1?gdGw YvgIK\ɎYmU,fgkvgdJvu5fٯμMvy7[IM%;fQ6("Y+Xv}mx(Eٜ_v }oEt6iA.w(DڴhޠAǼMF®MPpfnW88*47qRK#~μNvU[qRagڃ*~y޲Grc%WjFZtOn,e²O >٧߳>-,lO];FA(ja% D%؉s{w&=K9&{kYb{kY^kĞ%k|5Y&{5>d{^#,׈=K5b{OoYjĞ%g͞f]kL,׈=^.K5&{5d2kgFY~{ϷǕ6ٶ[/'+sLoYוaO3?¿ص&8㞣QB ݒ4\ fA@(Y Y4p$`bq":9 .S({ky^y , %b.;-y.]β`.N;Wĭ]#bgGؑKW@`4v]VKb9+ŲV/$K "1>$b xΈxI#Xq"vA6e7,:kڰ 4 0 ᰸2\fU PѨF),j`~\Ok1G֘av^]`PZm0XQ2O;1ʦ .$,ɋ[ \P̒>6J1|a>EgLρ׆9sRmuwV\:'-'xxec?!bo1ywF7k af;zXHʞ׋:q"v(M]CSGSFnܵ+\_~JE:+|l|M3@:/S1#tBBBZz> x΍gw})jE/˖w(_$}NN0^'dsA?4zCe{h}5ޮv\<޹=}X"NP(8cXv^Yvx~uo'İ'~Ů|Jm}i7`3dv*Jj:k[r`(в+7 Q;yaũ{3JsMJ|Xd0/~(\_F^gDx {8B^`p/~bl.hQ}-X&&b}htsw%{piP32{9`E_̧Fw`P= NNͶc5+?)k NѝdON97*74] v1O{>[(fgOy4D+Z_>9-ڇhٲ%ZdWmop֞s_@Ə8?ȮAKjntX=y1O<(8x^s`& znaXDRUaH+9ÔHQ7DZdO`n: 'p}p({G8VqM{&k]=<@NͤNvu be9ޮYeaݝ2p<ϵ7ي(>!_[v0GdwP W^e}bb쇈m6dGVZ78Q.^$$+gdI f9Ǫӡ;CwVs|RFϓwBeOlD 7GplhyW{h2z~%CNve&;Uw#Y pIqn?+K)Sfϰd43dr~-yHR}%Mv Sg6dsyu¸QEQ i$mBvW]>J"ETP9icU__$wf˙939F>?Faۓ?.J:]2-xA \ '_2y ;?[^xϩ.4UNMsW)Yz|ܢEAC}x/_\Zc /u*Kn ]ÍR>%35:`W΂+I{|"8W&K5_rLVKZ`}qTۭ@ŋ뻪P Go2EM,^\VxK-ae?xSZ0t\Vqb)F*|n-ϢZL3x3_έ[ ̦z6[}Ai]>{~.] NM !Ҧ9p?a߇#Nl^@=C҂^ (v785ɚi~ ,N}m{ M%a?y"q1EHb,{e?gN {u]p87 İȯPMڎSa}aAٓLfSð'6մasVrA`K[-fOU}*4Bٔ v $%P qa&Q _Q ع?uN:%ԽzT J,ӹ7jWy,A>]齩 O}[o %w!֝ ;h{K!촃n{+a-@R)W%+B,JU]WV,:g¼*s`GU:]ᒡH#|IT uÝRDmD- Q8$;&өv>x{ulxSMTZycijaJzD_K)Að?zƭ{.\^ς橋=ٖ;79Вܹ0^+tH"( pR ăaf0B/V4S(g5(oZqAtp&D-:݈`Wj8~hdnL Ww CGmts;a9WKT!hZƺ%~eF>&.eӜM#C/!XeÇwLŔ:/:Fq7O6 wў9MR"f<顀=v T@5-tIqgG\A]gOn06̝jy̔Pr4Q)Y-+wj[ZnEVilّ,0KOx6s'_[ḋ.N&iS^c4z]'X;^:! Yқ"DHf8##񝂑yY_&a \!,dj8YDð3$ J8r,&wSXxsGv&P ]`}h?X2Ʉٗ%Ǐ1zJ/;u}pT=/R%t+pr1gQQDIadd"V0+[\kĸ`#%`ףIJia*Qlu!svS.Q;'\TYHԊ#Zmfu+5wѱ>ȶ_ _,^a^|Kړ:ݺ [BW{fz^9{b$} ou~{ k;"e{(䰉c9 ŪF~|is|9]8 EuZ{$}p#}3Ƙe h]a99?h77&~QsxyV;$7.hǧy9wntiǒcea'Ӳϰ o>$, o6QmXm>2Jx@/D$'νi( $QBjLlXԂʜ2P"Sks>6&(@sqV|&MTپ!xƈ7ˎ$t  nNH!l^$)?՜!?y:BcU;K֟~d0$)]rl}Alc*--;EiY5M? IVOݖ(-|^ioaVG;߼,m}?E|YiD^ Ⱦ.^Tɾ뭱6=]NpU)M1'+N)Vά|zkV* .]Jj`{XgW_*eG|pmZe'\ l+ G!#@Iy^֓vY v[xfJ0ol ݑ-mE iqb6 Cǿl όvNc'^.eJ聧2'ߖ&37oqؑ# ދ?>4tz71'tՉ0_˶]D]);sy'gdwsW4lOpg͑ka gB)ntKM*-~]q΂_,Ku6\l7eۮYjn5ѕ\$_]sI-x&>00_}rRa| ja.vov04t@0;j-!gum͙j48`vaω$l c{nU.~2fDzO`X_##=' nٕ%CIy5[ףD(NE;ӧq8JiQ$i$aIW .t/>Q OSkW3ݩl綣W Y#U\jMф*fW>Ciˮl jMd!ȮhFvՏRv5]V"{Q]Pvez`Nw|iԏ_~q9dRQ8/n38O\Fّ%mWrR+ᬵMԎ#UevA'4*.m36(΄# {bgf祟ϤwB^\ 9\vf)_~<޲TDURO->v\mqxM\Uv5ʮ Pv| ! !sIEi}>֗]P;!:M; :Rr.unqkvIB6xlyX׸nc͚boWܿV YzwБ"~g `Rwz=5kvn5ȏYjeǧ$mgNOS&M3'3vX :'ض2vߋtU mqIԟZ^皝ynWѺ]F$9{䥱7Y z[›ƣaWshC6@U8uc*ގi@]ٍ E$˳9c┤q]*,[=e7- luzvzOʏ\l닽q.):O1'X*RvFc!= `, ֏5r:=+t\7^3|kDGЗwfoӺn}pB7K]߳EӤ_ Y0x^vYRhݔbŦJFim'M-Ep&&}(|mټt9Rw⧞O\.0:omOadg$q=Q\7IaiK|l.RhALBI߳9\D: hs>2&=N85f6+ۯwyAGĮZg`oFI{ÁᛁkV9.!74s[E? 5{c|kW4Dv)VQ\7*F5;#{K{Dp|;uzcn`o h]H:DuHh1Hƈp/, u *5Ӷ7~ 7 կ``mMP:rnł.Nu9˹\\&Ǔ,;\&c(7׮D0,Y]Ý vgvӾ[o߾ef˷ehX7Ҿ[GuOam~oNz]6^~`֍?c%Я^Q}y`]~ۥ`ZƳ3ԅ YWMWciQE~b7j5E[i=?M#_ec_~w~?ma0 o0?fʉI[NLh`驂≵!dHubWɔ61Q"L q 8,|yM'ڙ3+o^y`)=E4}_93?ܠz&וT3fd'>$DWlόo#}}ހQ>8b1@Uv=ά؞{b?Cp19z Mv4iD<:/qsR`oJv Ӌu ~!T1b6>h.)=]Wt(l]d7+jLiϫ(#6}9,*yֱN\xe#VkxE3/"/Y3+j?E7RKk>뭮?(ʂ º h!s@fƋclsr胱o]u:ECb2Q]uR'aKx}K庑I~IvC*r($)efUe +?CVفҲC.:|!H!Iƻ Y mѰo3tjTWek/:mGd.AWpq/>1 쒄Ka3/0Kj~#x j⼝4ۀsSFSSv|- +]^,y7fڵY> +}oO!b+D2kk3ԏg 9/!u l">Jqok&h?xu:n3з7Cb,AAK&6ڕNh,‡b8?S=qP?lTU\/T&ë;s7ޞ3xҲAvf]6t/K# #.OS29ji+'6D |P͋phƃt_Y?~tĤfU7J2dN/_yرc JXgQzwjixUNFq.'+ߡ]ͥήSq嚎l6Vg*1VpʮE5wv/Mq /\^-z5ZFRԁ]؜ʚcb6)e ΄E] =3۩q<>|~xNc.z6{}x@^d! .Ёa]1<"Gt+:$m5̶]ENo1+?7dHbq;OЅ= /cx`ohcp}|bs5T]kmwTj yKك(l5톢3;ktW<3Deٯ l--G~ʮsW43$-5j^"u ͎CBć/^?je& HO:\0/V/ϩT 7Lv,\5̶UsNϷY^^^|D"1 X,aXpB~~f#;]7eނk4>م]]yD_`-$\!/d{x$XȏD+v.'kH)۝oˎSoו3kܢZ( 0gݛ'L'k I7y tO 'eNQ`I`&J䠍#^`zz:ݷu~"}}};&H+fua4f]|7]9\mP`4kx)rsGjeǻ*Ŗ=È6c KoX3] OJdGe? lkk+o-&{5^\'{~ T엎OK^D,nG˳xJ?L}6(2 x1Bn&U*x!lBD6B./MG Կj`<LwRG}̇H>~?P~Po޼} XrRU/RU!}%~QWaG˟ݖ\f* %'GouxN2]}أs ?./ Qx/R:=rTg !v Ǒ3}sd:I@ #}sv l5z;B__*MWm9mj[j[WqﰗY#--pB[5-$ ,m"W綂vu3ŖGD^Z{W CGh%ga0E+bmWЉڔۅ{ͻ,x t >oa0S=E/ʘUY(ӦlhzY<- cXx˱PaD ˑ*H:;dި-1H qaogEe6D3&~Zi6@C ]l_ݡ:X# b=:h4X#y ;b RaKŰ i3>̀=gV*f; r:B`A惏-BCڍRxL ^Ѡ u99jiɧ/\bؕ!ϛBصcǺ*lakph&/̚W ^L"S.}END6bV-w)Fs[v"ÎDWo._;`Y/yF5u15=.; ̢^yC`dy N" zٴ 3.Wًgsa&-g{E_qn{`?my]y}z{z=.:Ԩ*]d_37I1=j`‰{c^ gk=@E{,`a(/,8 i*38 ., @VG|Ird rpLSCv|&n@vO  h|R+j R.i-;Dзz i`B.|Ye~4yt nNƌeISF\6x<CxrF uF-) rUXAvtRl#"Q'$իD\P+c.SiqjjA!VezVE#;_G\ ݑ?ֺ^JsihRAvo5$R|Zl`~ghgt:ɚ:#zmŲfHhD6fYzeaY#U_dv3ܠ[Nj1ȝ+.;gŰ̾h6wetOȲ[\Jle e_$e;,3{~U<ߠ[(e/]3ٙSzC]37K\ _Ϙ}+߯MWf;tk?g_.qi5spf;tϮbM5LOymRٟDهԎMޖJdsJϞzǾ$ƯldG\}af .fS…7NPRJ<+̤mS#s=.dkN퓜+8x_qC?UsdBC%*QH/OuP LG 7 `}]̦"Jw^Ke%0P,36˞? No̎>3߻xϗݤ.ٍzhѦS &dǛqM*=c,ޜ`f<㛝߻mT̥l7ļɤȤΪve$e_138;{PcNemє:ޅ\-Z}>',{/m8UE]2;3zt||"8P4؆էxAn?Dvn&M~b$fZY-BJYbo: (Tt=1l {h w0: Gn%ܾ;-:l2>97Pm~~E?+{>ܞue PƹFa+5<)֮JPlR\]Nc$* 3;\ qJ?&?i5{zK2i=Efa/"e%iN{fO&YKet%eO?΋of {f/"e).sd^f͞b̋0)3)te%i=g|h4aOf/s=E '+L.͚=Eˮz?;FYϼph/% $d%f@H %(v8+*\!p XBD)\2H:8w+Uz|w}x]*hv?. RRAeKaF*x]Vf]&٥x 2/*fײ\7ʹeuG&bi iK A*̰SQѩiae' M /ToEZ5wFܮ;1#KMp\yQS{Qs{Qb}KbY(Σ>Z㋺)xQGgfPxZS#c-wڍg72f`trcfDpg ,% %#A`4;v+D&$x)aO_Ijκk2u,SCC(aOΠvx>^y/g :7Nu}D^p9GY'$5OPa?%yi~~>͗xj(c<ZDRpػaz~ccZ[˕29 VYډ jU޹ft:wl6Y2obd~`ap]8īBd9~eC|ݴ;\T*J⯯.n'm8Ij :W?gwOXؙTzz>:+0{ny\wD}eeyyU[C Bu߲޸jJodggvM6W_دwEtOrcTi(epСdIB͐q1! hIhQjE[P("HTE-?V''Ϲ$*'վ}Ϲ$PFN?}rsGNZBKc@%#q}V_C_ٹdsa /f3ߣ miܜN%Ouw(ى=>^':~1B~y6'ް\ 妶?x Oz6ٍ]FB{롞Ⱥ}_^:v%(]b4]h}X+;mso7,kU24F(/T\~ʧwB?cWUUQR? ן`G$4Xىz * l۬eU񇀇Z-_RUݭ =V[Kї;v-]Z 4TCgk&J:k9~muUV ˺X/ϫ5™.j3j@9ʒTK|xuŕ"\ٖu$ ½Z/['XGtz?yVvHdآhYUI ({G%IR%_.39رc?z. :g'zRMv}4ȁ]]bU|C2=E WU3S#!@D9ɞfT׊Hve7t]7#=0t= ߰?Yܚnw0T]qEp7㟲#5_Ȏwv<3ȍ̮0wA=<\Ñx ΁(g.'O_љ?xFaemYBP{9Ã^y^Fdw(d_hL&>|Des |(uW9tJݭ+Dh(7"ًjr]j-ӹVq%f*x=cǾ.4;'VfGC,t6 EqfρjK<oCW "\"|Ovtpc\]rC5#;dGcW;tbDjζܖdgWuqقHl0C4+;<,[a 0߱΄&8POV_ iAQKc|eQLf:ldx;Ppnn8$dAeUA7]Wg|9+;< \Yb"8I2&; [Mլ o%.)Сy-]e>Yx[)KV;oǓxԳ%%;爈\d,7`v&K܀߈|~9m\F𷀪5PO%B:Ju{@:>'7kK˗K ވ.(ksI ,D\j=vHEg#o7s h, uxS~v}v'766Z an0sڎ 0/ kp^7xLao(D7'7J*Nm~A6l0jon7/C\G8&&|4G謷_@%,ڹv]T=5&l? ;sU߿}c-{gt@o@eɎo\βPvF׽{uft?l6xfbA &; ӳgsK yv ̏bNϣ`h Dq27co -Z ԋ"y08J@ @xB=L3O>FۏN%}rhGOw\~hW:W Iv ? Nնzy^]crzA߾:W}vfl v;MK\c#k;]GZlO$}wG3K3;4=BDh_sqH}}i{I9Ki7~FA}#.c!vp]=Sv{QLs3},&ݰ{ $Ձ|#$׽t ȎS<ٞCF C}YkCE؀{}X3;RWPvUD96X6`ǵ6azW=F|s;Ti87яՋg+#ڋ0xB2qgx1q;S&쒝v螉tS=>lgFv螉L \W!>x&zŽo\G'^]v~;|o&:\G^v DEQK-խMcjEDb{4i׻{4eBU}c֋$lӎGC~E.G4aZhwr8hZCW<vdT3I\!ng`Q׬!H)N_iCԫۣGa/hO:. {Y򸷷>T]z$>hM_I{룁>/Y睽 I{ӅG6?]n^^17ķQ%ӆ|>Lw}oQ0 F( aE`IENDB`

Touch-Enabled Sliders

In the era of touch screens it's important to ensure great user experience on mobile, especially when it comes to such frequently used interface component as slider.

W3C Valid HTML Code

All HTML files are checked via W3C validator to ensure 100% valid code. As you probably know invalid HTML limits innovation, but Silicon is innovative at its core.

Kick-Start Your Development

Start your development process fast and easy with Node.js and Gulp setup. Configuration files are included in download package. Full tasks automation.

Easy to Customize with Sass

Silicon is built using Sass. Easily change colors, typography and much more. It is the most mature, stable, and powerful CSS extension language in the world.

Future Proof Java-Script

Silicon core scripts as well as all dependencies are written in vanilla JS. And now with Bootstrap 5 we finally drop jQuery and use ES6 modules.

Top