1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7505],{9805:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components",function(){return n(3707)}])},3707:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return p},default:function(){return m}});var s=n(5893),o=n(9008),a=n.n(o),r=(n(7294),n(5675)),i=n.n(r),l={src:"/_next/static/media/componentsIntroImage.6982d76b.png",height:680,width:994,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAUVBMVEX3+fv9/fbW4fHn6/b8/v/w9Prt7e78/P3v8faSoMAyRKP2+Pugs7rj5uu/wc/Y3Ojy8/aDgXv///xye8B4jeZKZ+IMCzKNmdXGze6zva3k1Z48uJ86AAAAGXRSTlPr1rng8OLWxvLS3rzfzLL8utm317fc2OTjnZWLGQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAADBJREFUCJkFwYUBACAMA7Ciw93/P5QEyw2meKhwm4tu78M8TdukGYQiyJglYDxRMfgpKgGehQvAIgAAAABJRU5ErkJggg=="},c=function(){return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("section",{className:"relative z-10 overflow-hidden bg-white pt-[128px]",children:(0,s.jsx)("div",{className:"px-4 xl:container",children:(0,s.jsx)("div",{className:"overflow-hidden rounded-lg bg-bg-color px-6",children:(0,s.jsxs)("div",{className:"-mx-4 flex flex-wrap items-center",children:[(0,s.jsx)("div",{className:"w-full px-4 lg:w-1/2 xl:w-7/12",children:(0,s.jsxs)("div",{className:"w-full py-12 xl:pl-10",children:[(0,s.jsxs)("h1",{className:"mb-4 font-heading text-4xl font-bold leading-[1.2] md:text-[45px] lg:text-[36px] xl:text-[45px]",children:["UI Components, Sections, Blocks and Snippets for "," ",(0,s.jsx)("span",{className:"text-primary",children:"Bootstrap"})]}),(0,s.jsx)("p",{className:"mb-10 max-w-[700px] text-base font-medium text-body-color",children:"300+ Free and Premium UI Components, Sections and Blocks that you can copy-paste and use to build your website. All The Components Comes with Multiple Unique Variations and Based on Bootstrap. Create a complete website or landing page without coding or designing from scratch."})]})}),(0,s.jsx)("div",{className:"w-full px-4 lg:w-1/2 xl:w-5/12",children:(0,s.jsx)("div",{className:"mx-auto w-full max-w-[560px] lg:ml-0",children:(0,s.jsx)("div",{className:"relative aspect-intro",children:(0,s.jsx)(i(),{src:l,alt:"componentIntroImage",layout:"fill",className:"aspect-intro drop-shadow-intro"})})})})]})})})})})},d=n(9072),p=!0,m=function(e){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(a(),{children:[(0,s.jsx)("title",{children:"Free UI Components and Blocks for Bootstrap | GrayGrids"}),(0,s.jsx)("meta",{name:"og:description",content:"Discover 300+ free and premium UI components, sections, and blocks for Bootstrap on GrayGrids. Easily copy-paste and use these elements to build your website with multiple unique variations. Create complete websites or landing pages without coding or designing from scratch."}),(0,s.jsx)("meta",{property:"og:type",content:"website"}),(0,s.jsx)("meta",{property:"og:title",content:"Free UI Components and Blocks for Bootstrap | GrayGrids"}),(0,s.jsx)("meta",{property:"og:image",content:"https://ucarecdn.com/b1362d8c-3fda-4ecb-a367-738351989289/"}),(0,s.jsx)("link",{rel:"canonical",href:"https://graygrids.com/components"}),(0,s.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,s.jsx)("meta",{property:"twitter:image",content:"https://ucarecdn.com/b1362d8c-3fda-4ecb-a367-738351989289/"})]}),(0,s.jsx)(c,{}),(0,s.jsx)("section",{className:"bg-white pb-10 pt-12 lg:pb-14",children:(0,s.jsx)("div",{className:"px-4 xl:container",children:(0,s.jsx)(d.Z,{components:"bootstrap",allBootstrapTags:null===e||void 0===e?void 0:e.allBootstrapTags})})})]})}}},function(e){e.O(0,[3729,9774,2888,179],(function(){return t=9805,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.