├── .DS_Store ├── template-1 ├── .eslintrc.json ├── styles │ └── globals.css ├── public │ ├── favicon.ico │ └── vercel.svg ├── next.config.js ├── postcss.config.js ├── next-env.d.ts ├── pages │ ├── _app.tsx │ ├── api │ │ └── hello.ts │ └── index.tsx ├── tailwind.config.js ├── components │ ├── Partners.tsx │ ├── ContactBanner.tsx │ └── Hero.tsx ├── tsconfig.json └── package.json ├── template-2 ├── .eslintrc.json ├── styles │ └── globals.css ├── public │ ├── Group1.jpg │ ├── Group2.jpg │ ├── Group3.jpg │ ├── Group4.jpg │ ├── favicon.ico │ ├── manifest.json │ └── vercel.svg ├── next.config.js ├── postcss.config.js ├── next-env.d.ts ├── pages │ ├── _app.tsx │ ├── api │ │ └── hello.ts │ └── index.tsx ├── tailwind.config.js ├── tsconfig.json ├── components │ ├── keycode.ts │ ├── Hero.tsx │ └── Contact.tsx ├── hooks │ ├── useOnClickOutside.ts │ └── useScrollDirection.ts └── package.json ├── template-11 ├── styles │ └── globals.css ├── public │ ├── 1.png │ ├── 2.png │ ├── 12.png │ ├── 27 23.png │ ├── Awards 1.png │ ├── Search 1.png │ ├── favicon.ico │ ├── Finance 1.png │ ├── Messages 1.png │ ├── Service 1.png │ ├── Shopping 1.png │ ├── e-Commerce 2.png │ ├── Instagram Shot 1.png │ ├── Product Launch 1.png │ ├── build your business.png │ ├── arrow-right.svg │ ├── Ellipse 9.svg │ ├── vercel.svg │ └── Group.svg ├── next.config.js ├── postcss.config.js ├── next-env.d.ts ├── pages │ ├── _app.tsx │ ├── api │ │ └── hello.ts │ └── index.tsx ├── tailwind.config.js ├── components │ ├── Testimonials.tsx │ ├── Services.tsx │ ├── Card.tsx │ └── useOnClickOutside.ts ├── tsconfig.json └── package.json ├── template-12 ├── styles │ └── globals.css ├── .eslintrc.json ├── public │ ├── favicon.ico │ ├── profile.png │ └── vercel.svg ├── next.config.js ├── postcss.config.js ├── next-env.d.ts ├── pages │ ├── _app.tsx │ ├── api │ │ └── hello.ts │ └── index.tsx ├── tailwind.config.js ├── components │ ├── NftCollection.tsx │ ├── EthIcon.tsx │ └── useOnClickOutside.ts ├── tsconfig.json └── package.json ├── template-6 ├── styles │ └── globals.css ├── .eslintrc.json ├── public │ ├── Vector.png │ ├── favicon.ico │ ├── graph.png │ ├── logo1.png │ ├── logo2.png │ ├── logo3.png │ ├── logo4.png │ ├── trading.png │ ├── bnb-icon.png │ ├── eth-icon.png │ ├── usdt-icon.png │ ├── arrow-icon.png │ ├── bitcoin-icon.png │ ├── Illustration1.png │ ├── circlechain-logo.png │ ├── logo-test3.svg │ └── vercel.svg ├── next.config.js ├── postcss.config.js ├── pages │ ├── _app.tsx │ ├── api │ │ └── hello.ts │ └── index.tsx ├── tailwind.config.js ├── next-env.d.ts ├── tsconfig.json ├── package.json └── components │ ├── MarketTrend.tsx │ ├── Card.tsx │ ├── NewsLetter.tsx │ └── Header.tsx ├── template-13 ├── public │ ├── 1.png │ ├── 2.png │ ├── 3.png │ ├── favicon.ico │ ├── Horizontal.png │ ├── placeholder.png │ ├── font │ │ ├── WorkSans-Bold.ttf │ │ ├── WorkSans-Thin.ttf │ │ ├── WorkSans-Black.ttf │ │ ├── WorkSans-Medium.ttf │ │ ├── WorkSans-Regular.ttf │ │ ├── WorkSans-ExtraBold.ttf │ │ └── WorkSans-SemiBold.ttf │ ├── down-arrow.svg │ ├── Mail.svg │ ├── vercel.svg │ ├── LinkedIn.svg │ └── FedEx.svg ├── .eslintrc.json ├── next.config.js ├── postcss.config.js ├── next-env.d.ts ├── pages │ ├── _app.tsx │ ├── _document.tsx │ └── index.tsx ├── tailwind.config.js ├── tsconfig.json ├── package.json ├── components │ ├── Footer.tsx │ ├── Work.tsx │ ├── Client.tsx │ ├── Card.tsx │ ├── useOnClickOutside.ts │ ├── Header.tsx │ └── About.tsx └── styles │ └── globals.css ├── template-4 ├── public │ ├── 1.png │ ├── 10.png │ ├── 2.png │ ├── 3.png │ ├── 4.png │ ├── 5.png │ ├── 6.png │ ├── 7.png │ ├── 8.png │ ├── 9.png │ ├── six.png │ ├── top1.png │ ├── top2.png │ ├── top3.png │ ├── top4.png │ ├── Group72.png │ ├── arrow.png │ ├── favicon.ico │ ├── image 2.png │ ├── image5.png │ ├── thumb.png │ ├── Rectangle 9.png │ ├── Rectangle10.png │ ├── Rectangle9.png │ ├── logo-black1.png │ ├── arrow.svg │ ├── playButton.svg │ ├── Ellipse21.svg │ ├── Ellipse18.svg │ └── vercel.svg ├── next.config.js ├── postcss.config.js ├── styles │ └── globals.css ├── next-env.d.ts ├── pages │ ├── _app.tsx │ ├── api │ │ └── hello.ts │ └── _document.tsx ├── tailwind.config.js ├── tsconfig.json ├── components │ ├── AboutSection.tsx │ ├── Discover.tsx │ ├── useOnClickOutside.ts │ ├── Community.tsx │ ├── Hero.tsx │ └── Footer.tsx └── package.json ├── template-5 ├── public │ ├── bg.png │ ├── apes.png │ ├── nft.png │ ├── avatar.png │ ├── explore.png │ ├── favicon.ico │ ├── newsFeed.png │ ├── unsplash1.png │ ├── unsplash2.png │ ├── unsplash3.png │ ├── Rectangle1.png │ ├── Rectangle2.png │ ├── Rectangle3.png │ ├── unsplashBg.png │ └── vercel.svg ├── .eslintrc.json ├── next.config.js ├── postcss.config.js ├── next-env.d.ts ├── pages │ ├── _app.tsx │ ├── api │ │ └── hello.ts │ ├── _document.tsx │ └── index.tsx ├── tailwind.config.js ├── components │ ├── TopNft.tsx │ ├── NewsLetterFeed.tsx │ ├── MoreInfo.tsx │ ├── useOnClickOutside.ts │ └── ExploreCollections.tsx ├── tsconfig.json ├── package.json └── styles │ └── globals.css ├── template-9 ├── public │ ├── 11.png │ ├── Group 7.png │ ├── Vector.png │ ├── favicon.ico │ ├── ogImage.png │ ├── Ellipse-1.png │ ├── Ellipse-2.png │ ├── Ellipse1.png │ ├── logo-nft.png │ ├── video-bg.png │ ├── Rectangle3.png │ ├── Rectangle6.png │ ├── Rectangle 6-1.png │ ├── Rectangle 6-2.png │ ├── Rectangle 6-3.png │ ├── Rectangle 6-4.png │ ├── Rectangle 6-5.png │ ├── Rectangle 6-6.png │ ├── Rectangle 6-7.png │ ├── Rectangle 308-1.png │ ├── Rectangle 308-2.png │ ├── vercel.svg │ ├── ant-design_behance-outlined.svg │ └── akar-icons_twitter-fill.svg ├── .eslintrc.json ├── next.config.js ├── postcss.config.js ├── next-env.d.ts ├── pages │ ├── _app.tsx │ ├── api │ │ └── hello.ts │ └── index.tsx ├── tailwind.config.js ├── components │ ├── Nav.tsx │ ├── HiddenGems.tsx │ ├── LatestNft.tsx │ ├── TopCollection.tsx │ ├── useOnClickOutside.ts │ └── Hero.tsx ├── tsconfig.json ├── package.json └── styles │ └── globals.css ├── template-10 ├── .eslintrc.json ├── public │ ├── Answer.png │ ├── Hero.png │ ├── Group14.png │ ├── Group15.png │ ├── Group16.png │ ├── Group41.png │ ├── Group42.png │ ├── Group43.png │ ├── favicon.ico │ ├── Ellipse 6.png │ ├── Recruiter.png │ ├── group-image.png │ ├── fonts │ │ ├── Jost-Bold.ttf │ │ ├── Jost-Medium.ttf │ │ └── Jost-Regular.ttf │ ├── unsplash_2FPjlAyMQTA.png │ ├── unsplash_8YG31Xn4dSw.png │ ├── unsplash_diNfwACx8bk.png │ ├── bg-image-agency.svg │ ├── Group2.svg │ ├── Group4.svg │ └── vercel.svg ├── next.config.js ├── postcss.config.js ├── next-env.d.ts ├── pages │ ├── _app.tsx │ └── api │ │ └── hello.ts ├── tailwind.config.js ├── tsconfig.json ├── package.json ├── styles │ └── globals.css └── components │ ├── useOnClickOutside.ts │ └── NavComponent.tsx ├── template-3 ├── public │ ├── Mask.png │ ├── Frame.png │ ├── Group10.png │ ├── Group8.png │ ├── Home1.png │ ├── favicon.ico │ ├── Thumbnail.png │ └── vercel.svg ├── next.config.js ├── postcss.config.js ├── tailwind.config.js ├── pages │ ├── _app.jsx │ └── index.jsx ├── package.json ├── styles │ └── globals.css └── components │ ├── Nav.jsx │ ├── useOnClickOutside.js │ ├── About.jsx │ └── Testimonial.jsx ├── template-7 ├── .eslintrc.json ├── public │ ├── Frame15.png │ ├── Frame16.png │ ├── Group2.png │ ├── Group3.png │ ├── favicon.ico │ ├── image.png │ ├── iphone.png │ ├── Variant5.png │ ├── logoipsum.png │ ├── Rectangle5.svg │ └── vercel.svg ├── next.config.js ├── postcss.config.js ├── next-env.d.ts ├── pages │ ├── _app.tsx │ ├── api │ │ └── hello.ts │ └── index.tsx ├── tailwind.config.js ├── tsconfig.json ├── components │ ├── Info.tsx │ ├── Header.tsx │ └── useOnClickOutside.ts ├── package.json └── styles │ └── globals.css ├── template-8 ├── .eslintrc.json ├── public │ ├── etm.png │ ├── Group1.jpg │ ├── Group2.png │ ├── Group3.jpg │ ├── Group4.jpg │ ├── favicon.ico │ ├── ogImage.png │ ├── image191.png │ ├── cool-domain.png │ ├── devStarter.png │ ├── devfolioMockup.png │ ├── fonts │ │ ├── SpaceGrotesk-Bold.ttf │ │ ├── SpaceGrotesk-Light.ttf │ │ ├── Yellowtail-Regular.ttf │ │ ├── SpaceGrotesk-Medium.ttf │ │ ├── SpaceGrotesk-Regular.ttf │ │ └── SpaceGrotesk-SemiBold.ttf │ ├── Line1.svg │ ├── Profile.svg │ ├── home.svg │ ├── darkmode.svg │ ├── vercel.svg │ └── lightBulb.svg ├── next.config.js ├── postcss.config.js ├── next-env.d.ts ├── pages │ ├── index.tsx │ ├── api │ │ └── hello.ts │ └── _app.tsx ├── tsconfig.json ├── tailwind.config.js ├── styles │ └── globals.css ├── package.json └── components │ └── Hero.tsx └── README.md /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/.DS_Store -------------------------------------------------------------------------------- /template-1/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /template-2/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /template-1/styles/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; -------------------------------------------------------------------------------- /template-11/styles/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; -------------------------------------------------------------------------------- /template-12/styles/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; -------------------------------------------------------------------------------- /template-2/styles/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; -------------------------------------------------------------------------------- /template-6/styles/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; -------------------------------------------------------------------------------- /template-11/public/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/1.png -------------------------------------------------------------------------------- /template-11/public/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/2.png -------------------------------------------------------------------------------- /template-13/public/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/1.png -------------------------------------------------------------------------------- /template-13/public/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/2.png -------------------------------------------------------------------------------- /template-13/public/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/3.png -------------------------------------------------------------------------------- /template-4/public/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/1.png -------------------------------------------------------------------------------- /template-4/public/10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/10.png -------------------------------------------------------------------------------- /template-4/public/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/2.png -------------------------------------------------------------------------------- /template-4/public/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/3.png -------------------------------------------------------------------------------- /template-4/public/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/4.png -------------------------------------------------------------------------------- /template-4/public/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/5.png -------------------------------------------------------------------------------- /template-4/public/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/6.png -------------------------------------------------------------------------------- /template-4/public/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/7.png -------------------------------------------------------------------------------- /template-4/public/8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/8.png -------------------------------------------------------------------------------- /template-4/public/9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/9.png -------------------------------------------------------------------------------- /template-5/public/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/bg.png -------------------------------------------------------------------------------- /template-9/public/11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/11.png -------------------------------------------------------------------------------- /template-10/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | 3 | "extends": "next/core-web-vitals", 4 | "root": true 5 | 6 | } 7 | -------------------------------------------------------------------------------- /template-11/public/12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/12.png -------------------------------------------------------------------------------- /template-12/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | 3 | "extends": "next/core-web-vitals", 4 | "root": true 5 | 6 | } 7 | -------------------------------------------------------------------------------- /template-13/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | 3 | "extends": "next/core-web-vitals", 4 | "root": true 5 | 6 | } 7 | -------------------------------------------------------------------------------- /template-3/public/Mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-3/public/Mask.png -------------------------------------------------------------------------------- /template-4/public/six.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/six.png -------------------------------------------------------------------------------- /template-4/public/top1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/top1.png -------------------------------------------------------------------------------- /template-4/public/top2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/top2.png -------------------------------------------------------------------------------- /template-4/public/top3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/top3.png -------------------------------------------------------------------------------- /template-4/public/top4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/top4.png -------------------------------------------------------------------------------- /template-5/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | 3 | "extends": "next/core-web-vitals", 4 | "root": true 5 | 6 | } 7 | -------------------------------------------------------------------------------- /template-5/public/apes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/apes.png -------------------------------------------------------------------------------- /template-5/public/nft.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/nft.png -------------------------------------------------------------------------------- /template-6/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | 3 | "extends": "next/core-web-vitals", 4 | "root": true 5 | 6 | } 7 | -------------------------------------------------------------------------------- /template-7/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | 3 | "extends": "next/core-web-vitals", 4 | "root": true 5 | 6 | } 7 | -------------------------------------------------------------------------------- /template-8/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | 3 | "extends": "next/core-web-vitals", 4 | "root": true 5 | 6 | } 7 | -------------------------------------------------------------------------------- /template-8/public/etm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/etm.png -------------------------------------------------------------------------------- /template-9/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | 3 | "extends": "next/core-web-vitals", 4 | "root": true 5 | 6 | } 7 | -------------------------------------------------------------------------------- /template-1/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-1/public/favicon.ico -------------------------------------------------------------------------------- /template-10/public/Answer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/Answer.png -------------------------------------------------------------------------------- /template-10/public/Hero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/Hero.png -------------------------------------------------------------------------------- /template-11/public/27 23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/27 23.png -------------------------------------------------------------------------------- /template-2/public/Group1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-2/public/Group1.jpg -------------------------------------------------------------------------------- /template-2/public/Group2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-2/public/Group2.jpg -------------------------------------------------------------------------------- /template-2/public/Group3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-2/public/Group3.jpg -------------------------------------------------------------------------------- /template-2/public/Group4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-2/public/Group4.jpg -------------------------------------------------------------------------------- /template-2/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-2/public/favicon.ico -------------------------------------------------------------------------------- /template-3/public/Frame.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-3/public/Frame.png -------------------------------------------------------------------------------- /template-3/public/Group10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-3/public/Group10.png -------------------------------------------------------------------------------- /template-3/public/Group8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-3/public/Group8.png -------------------------------------------------------------------------------- /template-3/public/Home1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-3/public/Home1.png -------------------------------------------------------------------------------- /template-3/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-3/public/favicon.ico -------------------------------------------------------------------------------- /template-4/public/Group72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/Group72.png -------------------------------------------------------------------------------- /template-4/public/arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/arrow.png -------------------------------------------------------------------------------- /template-4/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/favicon.ico -------------------------------------------------------------------------------- /template-4/public/image 2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/image 2.png -------------------------------------------------------------------------------- /template-4/public/image5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/image5.png -------------------------------------------------------------------------------- /template-4/public/thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/thumb.png -------------------------------------------------------------------------------- /template-5/public/avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/avatar.png -------------------------------------------------------------------------------- /template-5/public/explore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/explore.png -------------------------------------------------------------------------------- /template-5/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/favicon.ico -------------------------------------------------------------------------------- /template-6/public/Vector.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/Vector.png -------------------------------------------------------------------------------- /template-6/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/favicon.ico -------------------------------------------------------------------------------- /template-6/public/graph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/graph.png -------------------------------------------------------------------------------- /template-6/public/logo1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/logo1.png -------------------------------------------------------------------------------- /template-6/public/logo2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/logo2.png -------------------------------------------------------------------------------- /template-6/public/logo3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/logo3.png -------------------------------------------------------------------------------- /template-6/public/logo4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/logo4.png -------------------------------------------------------------------------------- /template-6/public/trading.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/trading.png -------------------------------------------------------------------------------- /template-7/public/Frame15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-7/public/Frame15.png -------------------------------------------------------------------------------- /template-7/public/Frame16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-7/public/Frame16.png -------------------------------------------------------------------------------- /template-7/public/Group2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-7/public/Group2.png -------------------------------------------------------------------------------- /template-7/public/Group3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-7/public/Group3.png -------------------------------------------------------------------------------- /template-7/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-7/public/favicon.ico -------------------------------------------------------------------------------- /template-7/public/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-7/public/image.png -------------------------------------------------------------------------------- /template-7/public/iphone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-7/public/iphone.png -------------------------------------------------------------------------------- /template-8/public/Group1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/Group1.jpg -------------------------------------------------------------------------------- /template-8/public/Group2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/Group2.png -------------------------------------------------------------------------------- /template-8/public/Group3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/Group3.jpg -------------------------------------------------------------------------------- /template-8/public/Group4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/Group4.jpg -------------------------------------------------------------------------------- /template-8/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/favicon.ico -------------------------------------------------------------------------------- /template-8/public/ogImage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/ogImage.png -------------------------------------------------------------------------------- /template-9/public/Group 7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Group 7.png -------------------------------------------------------------------------------- /template-9/public/Vector.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Vector.png -------------------------------------------------------------------------------- /template-9/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/favicon.ico -------------------------------------------------------------------------------- /template-9/public/ogImage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/ogImage.png -------------------------------------------------------------------------------- /template-10/public/Group14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/Group14.png -------------------------------------------------------------------------------- /template-10/public/Group15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/Group15.png -------------------------------------------------------------------------------- /template-10/public/Group16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/Group16.png -------------------------------------------------------------------------------- /template-10/public/Group41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/Group41.png -------------------------------------------------------------------------------- /template-10/public/Group42.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/Group42.png -------------------------------------------------------------------------------- /template-10/public/Group43.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/Group43.png -------------------------------------------------------------------------------- /template-10/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/favicon.ico -------------------------------------------------------------------------------- /template-11/public/Awards 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/Awards 1.png -------------------------------------------------------------------------------- /template-11/public/Search 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/Search 1.png -------------------------------------------------------------------------------- /template-11/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/favicon.ico -------------------------------------------------------------------------------- /template-12/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-12/public/favicon.ico -------------------------------------------------------------------------------- /template-12/public/profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-12/public/profile.png -------------------------------------------------------------------------------- /template-13/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/favicon.ico -------------------------------------------------------------------------------- /template-3/public/Thumbnail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-3/public/Thumbnail.png -------------------------------------------------------------------------------- /template-5/public/newsFeed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/newsFeed.png -------------------------------------------------------------------------------- /template-5/public/unsplash1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/unsplash1.png -------------------------------------------------------------------------------- /template-5/public/unsplash2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/unsplash2.png -------------------------------------------------------------------------------- /template-5/public/unsplash3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/unsplash3.png -------------------------------------------------------------------------------- /template-6/public/bnb-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/bnb-icon.png -------------------------------------------------------------------------------- /template-6/public/eth-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/eth-icon.png -------------------------------------------------------------------------------- /template-6/public/usdt-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/usdt-icon.png -------------------------------------------------------------------------------- /template-7/public/Variant5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-7/public/Variant5.png -------------------------------------------------------------------------------- /template-7/public/logoipsum.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-7/public/logoipsum.png -------------------------------------------------------------------------------- /template-8/public/image191.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/image191.png -------------------------------------------------------------------------------- /template-9/public/Ellipse-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Ellipse-1.png -------------------------------------------------------------------------------- /template-9/public/Ellipse-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Ellipse-2.png -------------------------------------------------------------------------------- /template-9/public/Ellipse1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Ellipse1.png -------------------------------------------------------------------------------- /template-9/public/logo-nft.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/logo-nft.png -------------------------------------------------------------------------------- /template-9/public/video-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/video-bg.png -------------------------------------------------------------------------------- /template-1/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-10/public/Ellipse 6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/Ellipse 6.png -------------------------------------------------------------------------------- /template-10/public/Recruiter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/Recruiter.png -------------------------------------------------------------------------------- /template-10/public/group-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/group-image.png -------------------------------------------------------------------------------- /template-11/public/Finance 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/Finance 1.png -------------------------------------------------------------------------------- /template-11/public/Messages 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/Messages 1.png -------------------------------------------------------------------------------- /template-11/public/Service 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/Service 1.png -------------------------------------------------------------------------------- /template-11/public/Shopping 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/Shopping 1.png -------------------------------------------------------------------------------- /template-13/public/Horizontal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/Horizontal.png -------------------------------------------------------------------------------- /template-13/public/placeholder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/placeholder.png -------------------------------------------------------------------------------- /template-2/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-3/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-4/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-4/public/Rectangle 9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/Rectangle 9.png -------------------------------------------------------------------------------- /template-4/public/Rectangle10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/Rectangle10.png -------------------------------------------------------------------------------- /template-4/public/Rectangle9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/Rectangle9.png -------------------------------------------------------------------------------- /template-4/public/logo-black1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-4/public/logo-black1.png -------------------------------------------------------------------------------- /template-5/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-5/public/Rectangle1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/Rectangle1.png -------------------------------------------------------------------------------- /template-5/public/Rectangle2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/Rectangle2.png -------------------------------------------------------------------------------- /template-5/public/Rectangle3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/Rectangle3.png -------------------------------------------------------------------------------- /template-5/public/unsplashBg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-5/public/unsplashBg.png -------------------------------------------------------------------------------- /template-6/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-6/public/arrow-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/arrow-icon.png -------------------------------------------------------------------------------- /template-6/public/bitcoin-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/bitcoin-icon.png -------------------------------------------------------------------------------- /template-7/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-8/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-8/public/cool-domain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/cool-domain.png -------------------------------------------------------------------------------- /template-8/public/devStarter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/devStarter.png -------------------------------------------------------------------------------- /template-9/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-9/public/Rectangle3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Rectangle3.png -------------------------------------------------------------------------------- /template-9/public/Rectangle6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Rectangle6.png -------------------------------------------------------------------------------- /template-10/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-11/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-11/public/e-Commerce 2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/e-Commerce 2.png -------------------------------------------------------------------------------- /template-12/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-13/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | module.exports = { 3 | reactStrictMode: true, 4 | } 5 | -------------------------------------------------------------------------------- /template-6/public/Illustration1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/Illustration1.png -------------------------------------------------------------------------------- /template-8/public/devfolioMockup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/devfolioMockup.png -------------------------------------------------------------------------------- /template-9/public/Rectangle 6-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Rectangle 6-1.png -------------------------------------------------------------------------------- /template-9/public/Rectangle 6-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Rectangle 6-2.png -------------------------------------------------------------------------------- /template-9/public/Rectangle 6-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Rectangle 6-3.png -------------------------------------------------------------------------------- /template-9/public/Rectangle 6-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Rectangle 6-4.png -------------------------------------------------------------------------------- /template-9/public/Rectangle 6-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Rectangle 6-5.png -------------------------------------------------------------------------------- /template-9/public/Rectangle 6-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Rectangle 6-6.png -------------------------------------------------------------------------------- /template-9/public/Rectangle 6-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Rectangle 6-7.png -------------------------------------------------------------------------------- /template-1/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-10/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-10/public/fonts/Jost-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/fonts/Jost-Bold.ttf -------------------------------------------------------------------------------- /template-11/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-11/public/Instagram Shot 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/Instagram Shot 1.png -------------------------------------------------------------------------------- /template-11/public/Product Launch 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/Product Launch 1.png -------------------------------------------------------------------------------- /template-12/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-13/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-2/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-3/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-4/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-5/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-6/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-6/public/circlechain-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-6/public/circlechain-logo.png -------------------------------------------------------------------------------- /template-7/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-8/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-9/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /template-9/public/Rectangle 308-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Rectangle 308-1.png -------------------------------------------------------------------------------- /template-9/public/Rectangle 308-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-9/public/Rectangle 308-2.png -------------------------------------------------------------------------------- /template-10/public/fonts/Jost-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/fonts/Jost-Medium.ttf -------------------------------------------------------------------------------- /template-10/public/fonts/Jost-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/fonts/Jost-Regular.ttf -------------------------------------------------------------------------------- /template-13/public/font/WorkSans-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/font/WorkSans-Bold.ttf -------------------------------------------------------------------------------- /template-13/public/font/WorkSans-Thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/font/WorkSans-Thin.ttf -------------------------------------------------------------------------------- /template-10/public/unsplash_2FPjlAyMQTA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/unsplash_2FPjlAyMQTA.png -------------------------------------------------------------------------------- /template-10/public/unsplash_8YG31Xn4dSw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/unsplash_8YG31Xn4dSw.png -------------------------------------------------------------------------------- /template-10/public/unsplash_diNfwACx8bk.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-10/public/unsplash_diNfwACx8bk.png -------------------------------------------------------------------------------- /template-11/public/build your business.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-11/public/build your business.png -------------------------------------------------------------------------------- /template-13/public/font/WorkSans-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/font/WorkSans-Black.ttf -------------------------------------------------------------------------------- /template-13/public/font/WorkSans-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/font/WorkSans-Medium.ttf -------------------------------------------------------------------------------- /template-13/public/font/WorkSans-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/font/WorkSans-Regular.ttf -------------------------------------------------------------------------------- /template-13/public/font/WorkSans-ExtraBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/font/WorkSans-ExtraBold.ttf -------------------------------------------------------------------------------- /template-13/public/font/WorkSans-SemiBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-13/public/font/WorkSans-SemiBold.ttf -------------------------------------------------------------------------------- /template-8/public/fonts/SpaceGrotesk-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/fonts/SpaceGrotesk-Bold.ttf -------------------------------------------------------------------------------- /template-8/public/fonts/SpaceGrotesk-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/fonts/SpaceGrotesk-Light.ttf -------------------------------------------------------------------------------- /template-8/public/fonts/Yellowtail-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/fonts/Yellowtail-Regular.ttf -------------------------------------------------------------------------------- /template-8/public/fonts/SpaceGrotesk-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/fonts/SpaceGrotesk-Medium.ttf -------------------------------------------------------------------------------- /template-8/public/fonts/SpaceGrotesk-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/fonts/SpaceGrotesk-Regular.ttf -------------------------------------------------------------------------------- /template-8/public/fonts/SpaceGrotesk-SemiBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kumard3/dev-ui-templates/HEAD/template-8/public/fonts/SpaceGrotesk-SemiBold.ttf -------------------------------------------------------------------------------- /template-4/styles/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | 6 | .buttons{ 7 | background: linear-gradient(99.74deg, #06DBAC 5.23%, #BD00FF 92.7%); 8 | 9 | } -------------------------------------------------------------------------------- /template-8/public/Line1.svg: -------------------------------------------------------------------------------- 1 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /template-3/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | content: [ 3 | './pages/**/*.{js,ts,jsx,tsx}', 4 | './components/**/*.{js,ts,jsx,tsx}', 5 | ], 6 | theme: { 7 | extend: {}, 8 | }, 9 | plugins: [], 10 | } 11 | -------------------------------------------------------------------------------- /template-1/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /template-1/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import '../styles/globals.css' 2 | import type { AppProps } from 'next/app' 3 | 4 | function MyApp({ Component, pageProps }: AppProps) { 5 | return 6 | } 7 | 8 | export default MyApp 9 | -------------------------------------------------------------------------------- /template-10/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /template-10/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import '../styles/globals.css' 2 | import type { AppProps } from 'next/app' 3 | 4 | function MyApp({ Component, pageProps }: AppProps) { 5 | return 6 | } 7 | 8 | export default MyApp 9 | -------------------------------------------------------------------------------- /template-11/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /template-11/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import '../styles/globals.css' 2 | import type { AppProps } from 'next/app' 3 | 4 | function MyApp({ Component, pageProps }: AppProps) { 5 | return 6 | } 7 | 8 | export default MyApp 9 | -------------------------------------------------------------------------------- /template-12/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /template-12/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import '../styles/globals.css' 2 | import type { AppProps } from 'next/app' 3 | 4 | function MyApp({ Component, pageProps }: AppProps) { 5 | return 6 | } 7 | 8 | export default MyApp 9 | -------------------------------------------------------------------------------- /template-12/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | content: [ 3 | './pages/**/*.{js,ts,jsx,tsx}', 4 | './components/**/*.{js,ts,jsx,tsx}', 5 | ], 6 | theme: { 7 | extend: {}, 8 | }, 9 | plugins: [], 10 | } 11 | -------------------------------------------------------------------------------- /template-13/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /template-2/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /template-2/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import '../styles/globals.css' 2 | import type { AppProps } from 'next/app' 3 | 4 | function MyApp({ Component, pageProps }: AppProps) { 5 | return 6 | } 7 | 8 | export default MyApp 9 | -------------------------------------------------------------------------------- /template-3/pages/_app.jsx: -------------------------------------------------------------------------------- 1 | import "../styles/globals.css"; 2 | 3 | function MyApp({ Component, pageProps }) { 4 | return ( 5 | <> 6 | 7 | 8 | ); 9 | } 10 | 11 | export default MyApp; 12 | -------------------------------------------------------------------------------- /template-4/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /template-4/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import '../styles/globals.css' 2 | import type { AppProps } from 'next/app' 3 | 4 | function MyApp({ Component, pageProps }: AppProps) { 5 | return 6 | } 7 | 8 | export default MyApp 9 | -------------------------------------------------------------------------------- /template-5/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /template-5/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import '../styles/globals.css' 2 | import type { AppProps } from 'next/app' 3 | 4 | function MyApp({ Component, pageProps }: AppProps) { 5 | return 6 | } 7 | 8 | export default MyApp 9 | -------------------------------------------------------------------------------- /template-6/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import '../styles/globals.css' 2 | import type { AppProps } from 'next/app' 3 | 4 | function MyApp({ Component, pageProps }: AppProps) { 5 | return 6 | } 7 | 8 | export default MyApp 9 | -------------------------------------------------------------------------------- /template-7/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /template-7/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import '../styles/globals.css' 2 | import type { AppProps } from 'next/app' 3 | 4 | function MyApp({ Component, pageProps }: AppProps) { 5 | return 6 | } 7 | 8 | export default MyApp 9 | -------------------------------------------------------------------------------- /template-8/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /template-9/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /template-9/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import '../styles/globals.css' 2 | import type { AppProps } from 'next/app' 3 | 4 | function MyApp({ Component, pageProps }: AppProps) { 5 | return 6 | } 7 | 8 | export default MyApp 9 | -------------------------------------------------------------------------------- /template-13/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import "../styles/globals.css"; 2 | import type { AppProps } from "next/app"; 3 | 4 | function MyApp({ Component, pageProps }: AppProps) { 5 | return ; 6 | } 7 | 8 | export default MyApp; 9 | -------------------------------------------------------------------------------- /template-4/public/arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /template-1/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | purge: { enabled: true, content: [ 3 | "./pages/**/*.{js,ts,jsx,tsx}", 4 | "./components/**/*.{js,ts,jsx,tsx}", 5 | ],}, 6 | theme: { 7 | extend: {}, 8 | }, 9 | plugins: [], 10 | } -------------------------------------------------------------------------------- /template-13/public/down-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /template-2/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | purge: { enabled: true, content: [ 3 | "./pages/**/*.{js,ts,jsx,tsx}", 4 | "./components/**/*.{js,ts,jsx,tsx}", 5 | ],}, 6 | theme: { 7 | extend: {}, 8 | }, 9 | plugins: [], 10 | } -------------------------------------------------------------------------------- /template-4/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | purge: { enabled: true, content: [ 3 | "./pages/**/*.{js,ts,jsx,tsx}", 4 | "./components/**/*.{js,ts,jsx,tsx}", 5 | ],}, 6 | theme: { 7 | extend: {}, 8 | }, 9 | plugins: [], 10 | } -------------------------------------------------------------------------------- /template-6/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | purge: { enabled: true, content: [ 3 | "./pages/**/*.{js,ts,jsx,tsx}", 4 | "./components/**/*.{js,ts,jsx,tsx}", 5 | ],}, 6 | theme: { 7 | extend: {}, 8 | }, 9 | plugins: [], 10 | } -------------------------------------------------------------------------------- /template-7/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | purge: { enabled: true, content: [ 3 | "./pages/**/*.{js,ts,jsx,tsx}", 4 | "./components/**/*.{js,ts,jsx,tsx}", 5 | ],}, 6 | theme: { 7 | extend: {}, 8 | }, 9 | plugins: [], 10 | } -------------------------------------------------------------------------------- /template-9/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | purge: { enabled: true, content: [ 3 | "./pages/**/*.{js,ts,jsx,tsx}", 4 | "./components/**/*.{js,ts,jsx,tsx}", 5 | ],}, 6 | theme: { 7 | extend: {}, 8 | }, 9 | plugins: [], 10 | } -------------------------------------------------------------------------------- /template-11/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | purge: { enabled: true, content: [ 3 | "./pages/**/*.{js,ts,jsx,tsx}", 4 | "./components/**/*.{js,ts,jsx,tsx}", 5 | ],}, 6 | theme: { 7 | extend: {}, 8 | }, 9 | plugins: [], 10 | } -------------------------------------------------------------------------------- /template-6/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | /// 4 | 5 | // NOTE: This file should not be edited 6 | // see https://nextjs.org/docs/basic-features/typescript for more information. 7 | -------------------------------------------------------------------------------- /template-7/public/Rectangle5.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /template-4/public/playButton.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /template-8/pages/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/link-passhref */ 2 | import Link from "next/link"; 3 | import * as React from "react"; 4 | import Hero from "../components/Hero"; 5 | 6 | export default function Home() { 7 | return ( 8 |
9 | 10 |
11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /template-10/public/bg-image-agency.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /template-11/public/arrow-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /template-13/pages/_document.tsx: -------------------------------------------------------------------------------- 1 | import { Html, Head, Main, NextScript } from "next/document"; 2 | 3 | export default function Document() { 4 | return ( 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | ); 13 | } 14 | -------------------------------------------------------------------------------- /template-1/pages/api/hello.ts: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | import type { NextApiRequest, NextApiResponse } from 'next' 3 | 4 | type Data = { 5 | name: string 6 | } 7 | 8 | export default function handler( 9 | req: NextApiRequest, 10 | res: NextApiResponse 11 | ) { 12 | res.status(200).json({ name: 'John Doe' }) 13 | } 14 | -------------------------------------------------------------------------------- /template-10/pages/api/hello.ts: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | import type { NextApiRequest, NextApiResponse } from 'next' 3 | 4 | type Data = { 5 | name: string 6 | } 7 | 8 | export default function handler( 9 | req: NextApiRequest, 10 | res: NextApiResponse 11 | ) { 12 | res.status(200).json({ name: 'John Doe' }) 13 | } 14 | -------------------------------------------------------------------------------- /template-11/pages/api/hello.ts: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | import type { NextApiRequest, NextApiResponse } from 'next' 3 | 4 | type Data = { 5 | name: string 6 | } 7 | 8 | export default function handler( 9 | req: NextApiRequest, 10 | res: NextApiResponse 11 | ) { 12 | res.status(200).json({ name: 'John Doe' }) 13 | } 14 | -------------------------------------------------------------------------------- /template-12/pages/api/hello.ts: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | import type { NextApiRequest, NextApiResponse } from 'next' 3 | 4 | type Data = { 5 | name: string 6 | } 7 | 8 | export default function handler( 9 | req: NextApiRequest, 10 | res: NextApiResponse 11 | ) { 12 | res.status(200).json({ name: 'John Doe' }) 13 | } 14 | -------------------------------------------------------------------------------- /template-2/pages/api/hello.ts: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | import type { NextApiRequest, NextApiResponse } from 'next' 3 | 4 | type Data = { 5 | name: string 6 | } 7 | 8 | export default function handler( 9 | req: NextApiRequest, 10 | res: NextApiResponse 11 | ) { 12 | res.status(200).json({ name: 'John Doe' }) 13 | } 14 | -------------------------------------------------------------------------------- /template-4/pages/api/hello.ts: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | import type { NextApiRequest, NextApiResponse } from 'next' 3 | 4 | type Data = { 5 | name: string 6 | } 7 | 8 | export default function handler( 9 | req: NextApiRequest, 10 | res: NextApiResponse 11 | ) { 12 | res.status(200).json({ name: 'John Doe' }) 13 | } 14 | -------------------------------------------------------------------------------- /template-5/pages/api/hello.ts: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | import type { NextApiRequest, NextApiResponse } from 'next' 3 | 4 | type Data = { 5 | name: string 6 | } 7 | 8 | export default function handler( 9 | req: NextApiRequest, 10 | res: NextApiResponse 11 | ) { 12 | res.status(200).json({ name: 'John Doe' }) 13 | } 14 | -------------------------------------------------------------------------------- /template-6/pages/api/hello.ts: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | import type { NextApiRequest, NextApiResponse } from 'next' 3 | 4 | type Data = { 5 | name: string 6 | } 7 | 8 | export default function handler( 9 | req: NextApiRequest, 10 | res: NextApiResponse 11 | ) { 12 | res.status(200).json({ name: 'John Doe' }) 13 | } 14 | -------------------------------------------------------------------------------- /template-7/pages/api/hello.ts: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | import type { NextApiRequest, NextApiResponse } from 'next' 3 | 4 | type Data = { 5 | name: string 6 | } 7 | 8 | export default function handler( 9 | req: NextApiRequest, 10 | res: NextApiResponse 11 | ) { 12 | res.status(200).json({ name: 'John Doe' }) 13 | } 14 | -------------------------------------------------------------------------------- /template-8/pages/api/hello.ts: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | import type { NextApiRequest, NextApiResponse } from 'next' 3 | 4 | type Data = { 5 | name: string 6 | } 7 | 8 | export default function handler( 9 | req: NextApiRequest, 10 | res: NextApiResponse 11 | ) { 12 | res.status(200).json({ name: 'John Doe' }) 13 | } 14 | -------------------------------------------------------------------------------- /template-9/pages/api/hello.ts: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | import type { NextApiRequest, NextApiResponse } from 'next' 3 | 4 | type Data = { 5 | name: string 6 | } 7 | 8 | export default function handler( 9 | req: NextApiRequest, 10 | res: NextApiResponse 11 | ) { 12 | res.status(200).json({ name: 'John Doe' }) 13 | } 14 | -------------------------------------------------------------------------------- /template-1/components/Partners.tsx: -------------------------------------------------------------------------------- 1 | export default function Partners() { 2 | return ( 3 |
4 | 5 | 6 | 7 | 8 |
9 | ); 10 | } 11 | -------------------------------------------------------------------------------- /template-3/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "scripts": { 4 | "dev": "next dev", 5 | "build": "next build", 6 | "start": "next start" 7 | }, 8 | "dependencies": { 9 | "next": "latest", 10 | "react": "^17.0.2", 11 | "react-dom": "^17.0.2" 12 | }, 13 | "devDependencies": { 14 | "autoprefixer": "^10.4.0", 15 | "postcss": "^8.4.5", 16 | "tailwindcss": "^3.0.7" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /template-3/styles/globals.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Eczar&display=swap'); 2 | 3 | @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;300;400;500;600;700&display=swap'); 4 | 5 | @tailwind base; 6 | @tailwind components; 7 | @tailwind utilities; 8 | 9 | *{ 10 | font-family: 'Eczar', serif; 11 | } 12 | 13 | .WorkSans{ 14 | font-family: 'Work Sans', sans-serif; 15 | } -------------------------------------------------------------------------------- /template-9/components/Nav.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export default function Nav() { 4 | return ( 5 | 14 | ); 15 | } 16 | -------------------------------------------------------------------------------- /template-11/components/Testimonials.tsx: -------------------------------------------------------------------------------- 1 | import TestimonialCard from "./TestimonialCard"; 2 | 3 | 4 | export default function Testimonials() { 5 | return ( 6 |
7 |

Testimonials

8 |
9 | 10 |
11 |
12 | ) 13 | } 14 | -------------------------------------------------------------------------------- /template-13/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | content: [ 3 | './pages/**/*.{js,ts,jsx,tsx}', 4 | './components/**/*.{js,ts,jsx,tsx}', 5 | ], 6 | theme: { 7 | extend: { 8 | fontFamily: { 9 | WorkSansBold: ['WorkSansBold', 'sans-serif'], 10 | WorkSansRegular: ['WorkSansRegular', 'sans-serif' ], 11 | WorkSansMedium: ['WorkSansMedium', 'sans-serif'], 12 | WorkSansSemiBold: ['WorkSansSemiBold', 'sans-serif'], 13 | }, 14 | }, 15 | }, 16 | plugins: [], 17 | } 18 | -------------------------------------------------------------------------------- /template-8/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import "../styles/globals.css"; 2 | import type { AppProps } from "next/app"; 3 | import BottomNav from "../components/BottomNav"; 4 | import { ThemeProvider } from "next-themes"; 5 | 6 | function MyApp({ Component, pageProps }: AppProps) { 7 | return ( 8 | 9 |

Kumar Deepanshu

10 | 11 | 12 | 13 | ); 14 | } 15 | 16 | export default MyApp; 17 | -------------------------------------------------------------------------------- /template-10/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | purge: { 3 | enabled: true, 4 | content: [ 5 | './pages/**/*.{js,ts,jsx,tsx}', 6 | './components/**/*.{js,ts,jsx,tsx}', 7 | ], 8 | }, 9 | theme: { 10 | extend: { 11 | fontFamily: { 12 | poppins: ['Poppins', 'sans-serif'], 13 | jostRegular: ['jostregular', 'sans-serif'], 14 | jostMedium: ['jostmedium', 'sans-serif'], 15 | jostBold: ['jostbold', 'sans-serif'], 16 | }, 17 | }, 18 | }, 19 | plugins: [], 20 | } 21 | -------------------------------------------------------------------------------- /template-5/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | purge: { 3 | enabled: true, 4 | content: [ 5 | "./pages/**/*.{js,ts,jsx,tsx}", 6 | "./components/**/*.{js,ts,jsx,tsx}", 7 | ], 8 | }, 9 | theme: { 10 | extend: { 11 | fontFamily: { 12 | orbitron: " 'Orbitron', sans-serif", 13 | spartan: "'Spartan', sans-serif", 14 | rajdhani: "'Rajdhani', sans-serif", 15 | roboto: "'Roboto', sans-serif", 16 | }, 17 | }, 18 | }, 19 | plugins: [require("@tailwindcss/typography")], 20 | }; 21 | -------------------------------------------------------------------------------- /template-10/public/Group2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /template-13/pages/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import About from "../components/About"; 3 | import Client from "../components/Client"; 4 | import Footer from "../components/Footer"; 5 | import Header from "../components/Header"; 6 | import Work from "../components/Work"; 7 | 8 | export default function Home() { 9 | return ( 10 |
11 |
12 | 13 | 14 | 15 |
16 |
17 | ); 18 | } 19 | -------------------------------------------------------------------------------- /template-5/components/TopNft.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { NFTCard } from "./NftComponents"; 3 | 4 | export default function TopNft() { 5 | return ( 6 |
7 |

Top Nft

8 |
9 |
10 | 11 | 12 | 13 | 14 |
15 |
16 |
17 | ); 18 | } 19 | -------------------------------------------------------------------------------- /template-12/components/NftCollection.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { NFTCard } from "./Cards"; 3 | 4 | export default function NftCollection() { 5 | const number = [1, 2, 3, 4, 5, 6, 7, 8]; 6 | return ( 7 |
8 |

9 | NftCollection 10 |

11 |
12 | {number.map((n) => { 13 | return 14 | })} 15 |
16 |
17 | ); 18 | } 19 | -------------------------------------------------------------------------------- /template-3/pages/index.jsx: -------------------------------------------------------------------------------- 1 | import About from "../components/About"; 2 | import ContactSection from "../components/ContactSection"; 3 | import Hero from "../components/Hero"; 4 | import Nav from "../components/Nav"; 5 | import Testimonial from "../components/Testimonial"; 6 | import Work from "../components/Work"; 7 | 8 | export default function Home() { 9 | return ( 10 |
11 |
18 | ); 19 | } 20 | -------------------------------------------------------------------------------- /template-6/public/logo-test3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /template-8/public/Profile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /template-9/components/HiddenGems.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { HiddenGemsCard } from "./Cards"; 3 | 4 | export default function HiddenGems() { 5 | return ( 6 |
7 |

Hidden Gems

8 |
9 | 10 | 11 | 12 | 13 |
14 |
15 | ); 16 | } 17 | -------------------------------------------------------------------------------- /template-1/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | -------------------------------------------------------------------------------- /template-10/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | -------------------------------------------------------------------------------- /template-11/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | -------------------------------------------------------------------------------- /template-12/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | -------------------------------------------------------------------------------- /template-13/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | -------------------------------------------------------------------------------- /template-2/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | -------------------------------------------------------------------------------- /template-4/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | -------------------------------------------------------------------------------- /template-5/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | -------------------------------------------------------------------------------- /template-6/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | -------------------------------------------------------------------------------- /template-7/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | -------------------------------------------------------------------------------- /template-8/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | -------------------------------------------------------------------------------- /template-9/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "forceConsistentCasingInFileNames": true, 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "node", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true 17 | }, 18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], 19 | "exclude": ["node_modules"] 20 | } 21 | -------------------------------------------------------------------------------- /template-2/pages/index.tsx: -------------------------------------------------------------------------------- 1 | import About from "../components/About"; 2 | import Carousel from "../components/Carousel"; 3 | import Contact from "../components/Contact"; 4 | import Footer from "../components/Footer"; 5 | import Hero from "../components/Hero"; 6 | import NavComponent from "../components/NavComponent"; 7 | 8 | export default function Portfolio1() { 9 | return ( 10 |
11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 | ); 19 | } 20 | -------------------------------------------------------------------------------- /template-7/pages/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/link-passhref */ 2 | import * as React from "react"; 3 | import Features from "../components/Features"; 4 | import Footer from "../components/Footer"; 5 | import Header from "../components/Header"; 6 | import Info from "../components/Info"; 7 | import NavComponent from "../components/NavComponent"; 8 | 9 | export default function Home() { 10 | return ( 11 |
12 | 13 |
14 | 15 | 16 |
17 |
18 | ); 19 | } 20 | -------------------------------------------------------------------------------- /template-10/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "agency-landing-page", 3 | "scripts": { 4 | "dev": "next dev", 5 | "build": "next build", 6 | "start": "next start", 7 | "lint": "next lint" 8 | }, 9 | "dependencies": { 10 | "next": "12.0.7", 11 | "react": "17.0.2", 12 | "react-dom": "17.0.2" 13 | }, 14 | "devDependencies": { 15 | "@types/node": "17.0.4", 16 | "@types/react": "17.0.38", 17 | "autoprefixer": "^10.4.0", 18 | "eslint": "8.5.0", 19 | "eslint-config-next": "12.0.7", 20 | "postcss": "^8.4.5", 21 | "tailwindcss": "^3.0.24", 22 | "typescript": "4.5.4" 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /template-11/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "agency-landing-page", 3 | "scripts": { 4 | "dev": "next dev", 5 | "build": "next build", 6 | "start": "next start", 7 | "lint": "next lint" 8 | }, 9 | "dependencies": { 10 | "next": "12.0.7", 11 | "react": "17.0.2", 12 | "react-dom": "17.0.2" 13 | }, 14 | "devDependencies": { 15 | "@types/node": "17.0.4", 16 | "@types/react": "17.0.38", 17 | "autoprefixer": "^10.4.0", 18 | "eslint": "8.5.0", 19 | "eslint-config-next": "12.0.7", 20 | "postcss": "^8.4.5", 21 | "tailwindcss": "^3.0.7", 22 | "typescript": "4.5.4" 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /template-10/styles/globals.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: jostregular; 3 | src: url(/fonts/Jost-Regular.ttf); 4 | } 5 | @font-face { 6 | font-family: jostmedium; 7 | src: url(/fonts/Jost-Medium.ttf); 8 | } 9 | @font-face { 10 | font-family: jostbold; 11 | src: url(/fonts/Jost-Bold.ttf); 12 | } 13 | 14 | 15 | @tailwind base; 16 | @tailwind components; 17 | @tailwind utilities; 18 | 19 | 20 | .jostRegular{ 21 | font-family: 'jostregular', sans-serif; 22 | } 23 | .jostMedium{ 24 | font-family: 'jostmedium', sans-serif; 25 | } 26 | .jostBold{ 27 | font-family: 'jostbold', sans-serif; 28 | } 29 | 30 | -------------------------------------------------------------------------------- /template-10/public/Group4.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /template-6/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "circle-chain", 3 | "version": "1.0.0", 4 | "scripts": { 5 | "dev": "next dev", 6 | "build": "next build && next export", 7 | "start": "next start", 8 | "lint": "next lint" 9 | }, 10 | "dependencies": { 11 | "next": "latest", 12 | "react": "17.0.2", 13 | "react-dom": "17.0.2" 14 | }, 15 | "devDependencies": { 16 | "@types/node": "17.0.4", 17 | "@types/react": "17.0.38", 18 | "autoprefixer": "^10.4.0", 19 | "eslint": "<8.0.0", 20 | "eslint-config-next": "12.0.7", 21 | "postcss": "^8.4.5", 22 | "tailwindcss": "^3.0.7", 23 | "typescript": "4.5.4" 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /template-13/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "designer-portfolio", 3 | "version": "1.0.0", 4 | "scripts": { 5 | "dev": "next dev", 6 | "build": "next build && next export", 7 | "start": "next start", 8 | "lint": "next lint" 9 | }, 10 | "dependencies": { 11 | "next": "^12.1.6", 12 | "react": "17.0.2", 13 | "react-dom": "17.0.2" 14 | }, 15 | "devDependencies": { 16 | "@types/node": "17.0.4", 17 | "@types/react": "17.0.38", 18 | "autoprefixer": "^10.4.0", 19 | "eslint": "8.5.0", 20 | "eslint-config-next": "12.0.7", 21 | "postcss": "^8.4.5", 22 | "tailwindcss": "^3.0.7", 23 | "typescript": "4.5.4" 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /template-4/pages/_document.tsx: -------------------------------------------------------------------------------- 1 | import Document, { 2 | Html, 3 | Head, 4 | Main, 5 | NextScript, 6 | DocumentContext, 7 | } from "next/document"; 8 | 9 | class MyDocument extends Document { 10 | static async getInitialProps(ctx: DocumentContext) { 11 | const initialProps = await Document.getInitialProps(ctx); 12 | 13 | return initialProps; 14 | } 15 | 16 | render() { 17 | return ( 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | ); 26 | } 27 | } 28 | 29 | export default MyDocument; 30 | -------------------------------------------------------------------------------- /template-5/pages/_document.tsx: -------------------------------------------------------------------------------- 1 | import Document, { 2 | DocumentContext, 3 | Head, 4 | Html, 5 | Main, 6 | NextScript, 7 | } from "next/document"; 8 | 9 | class MyDocument extends Document { 10 | static async getInitialProps(ctx: DocumentContext) { 11 | const initialProps = await Document.getInitialProps(ctx); 12 | 13 | return initialProps; 14 | } 15 | 16 | render() { 17 | return ( 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | ); 26 | } 27 | } 28 | 29 | export default MyDocument; 30 | -------------------------------------------------------------------------------- /template-13/components/Footer.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/no-img-element */ 2 | import React from "react"; 3 | 4 | export default function Footer() { 5 | return ( 6 |
7 |
8 |

Get in Touch

9 |

So that we can talk more about...

10 |
11 |
12 | Image 13 | Image 14 | Image 15 |
16 |
17 | ); 18 | } 19 | -------------------------------------------------------------------------------- /template-9/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "template-9", 3 | "version": "1.0.0", 4 | "scripts": { 5 | "dev": "next dev", 6 | "build": "next build && next export", 7 | "start": "next start", 8 | "lint": "next lint" 9 | }, 10 | "dependencies": { 11 | "next": "12.0.7", 12 | "react": "17.0.2", 13 | "react-dom": "17.0.2" 14 | }, 15 | "devDependencies": { 16 | "@types/animejs": "^3.1.4", 17 | "@types/node": "17.0.4", 18 | "@types/react": "17.0.38", 19 | "autoprefixer": "^10.4.0", 20 | "eslint": "8.5.0", 21 | "eslint-config-next": "12.0.7", 22 | "postcss": "^8.4.5", 23 | "tailwindcss": "^3.0.7", 24 | "typescript": "4.5.4" 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /template-3/components/Nav.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export default function Nav() { 4 | const navData = [ 5 | { 6 | name: "Home", 7 | href: "#home", 8 | }, 9 | { 10 | name: "Work", 11 | href: "#work", 12 | }, 13 | { 14 | name: "About", 15 | href: "#about", 16 | }, 17 | { 18 | name: "Contact", 19 | href: "#contact", 20 | }, 21 | ]; 22 | return ( 23 |
24 |
25 | {navData.map((n) => { 26 | return
{n.name}
; 27 | })} 28 |
29 |
30 | ); 31 | } 32 | -------------------------------------------------------------------------------- /template-5/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "oceannft-landingpage", 3 | "version": "1.0.0", 4 | "scripts": { 5 | "dev": "next dev", 6 | "build": "next build && next export", 7 | "start": "next start", 8 | "lint": "next lint" 9 | }, 10 | "dependencies": { 11 | "next": "latest", 12 | "react": "17.0.2", 13 | "react-dom": "17.0.2" 14 | }, 15 | "devDependencies": { 16 | "@tailwindcss/typography": "^0.5.2", 17 | "@types/node": "17.0.4", 18 | "@types/react": "17.0.38", 19 | "autoprefixer": "^10.4.0", 20 | "eslint": "8.5.0", 21 | "eslint-config-next": "12.0.7", 22 | "postcss": "^8.4.5", 23 | "tailwindcss": "^3.0.7", 24 | "typescript": "4.5.4" 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /template-7/components/Info.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export default function Info() { 4 | return ( 5 |
6 |
7 | 8 |
{" "} 9 |
10 | 11 |
12 |

13 | You are one step away from discovering your next{" "} 14 | Characters in Pixi-World 15 |

16 |
17 | ); 18 | } 19 | -------------------------------------------------------------------------------- /template-1/components/ContactBanner.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/no-unescaped-entities */ 2 | import React from "react"; 3 | 4 | export default function ContactBanner() { 5 | return ( 6 |
7 |
8 |

Interested in getting fusely?

9 | 12 |
13 |
14 | ); 15 | } 16 | -------------------------------------------------------------------------------- /template-5/styles/globals.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap'); 2 | @import url('https://fonts.googleapis.com/css2?family=Spartan&display=swap'); 3 | @import url('https://fonts.googleapis.com/css2?family=Rajdhani&display=swap'); 4 | @tailwind base; 5 | @tailwind components; 6 | @tailwind utilities; 7 | 8 | .orbitron { 9 | font-family: 'Orbitron', sans-serif; 10 | } 11 | .spartan{ 12 | font-family: 'Spartan', sans-serif; 13 | } 14 | 15 | .robot{ 16 | font-family: Roboto, sans-serif; 17 | } 18 | .gradient{ 19 | background: linear-gradient( 20 | 90deg, 21 | rgba(255, 255, 255, 0) -1.52%, 22 | rgba(255, 255, 255, 0.024) 104.35% 23 | ), 24 | rgba(162, 96, 243, 0.3); 25 | } -------------------------------------------------------------------------------- /template-6/pages/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/link-passhref */ 2 | import Link from "next/link"; 3 | import * as React from "react"; 4 | import Footer from "../components/Footer"; 5 | import Header from "../components/Header"; 6 | import InfoSection from "../components/infoSection"; 7 | import MarketTrend from "../components/MarketTrend"; 8 | import Nav from "../components/Nav"; 9 | import NewsLetter from "../components/NewsLetter"; 10 | 11 | export default function Home() { 12 | return ( 13 |
14 |
21 | ); 22 | } 23 | -------------------------------------------------------------------------------- /template-12/pages/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/link-passhref */ 2 | import Link from "next/link"; 3 | import * as React from "react"; 4 | import Footer from "../components/Footer"; 5 | import HeroSection from "../components/Hero"; 6 | import NavComponent from "../components/NavComponent"; 7 | import NftCollection from "../components/NftCollection"; 8 | import TopCollections from "../components/TopCollections"; 9 | 10 | export default function Home() { 11 | return ( 12 |
13 | 14 | 15 | 16 | 17 | 18 |
19 |
20 | ); 21 | } 22 | -------------------------------------------------------------------------------- /template-11/public/Ellipse 9.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /template-8/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | darkMode: "class", 3 | purge: { 4 | enabled: true, 5 | content: [ 6 | "./pages/**/*.{js,ts,jsx,tsx}", 7 | "./components/**/*.{js,ts,jsx,tsx}", 8 | ], 9 | }, 10 | theme: { 11 | screens: { 12 | xs: "400px", 13 | sm: "640px", 14 | // => @media (min-width: 640px) { ... } 15 | 16 | md: "768px", 17 | // => @media (min-width: 768px) { ... } 18 | 19 | lg: "1024px", 20 | // => @media (min-width: 1024px) { ... } 21 | 22 | xl: "1280px", 23 | // => @media (min-width: 1280px) { ... } 24 | 25 | "2xl": "1536px", 26 | // => @media (min-width: 1536px) { ... } 27 | }, 28 | extend: {}, 29 | }, 30 | plugins: [], 31 | }; 32 | -------------------------------------------------------------------------------- /template-13/styles/globals.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: WorkSansRegular; 3 | src: url(/font/WorkSans-Regular.ttf); 4 | } 5 | @font-face { 6 | font-family: WorkSansMedium; 7 | src: url(/font/WorkSans-Medium.ttf); 8 | } 9 | @font-face { 10 | font-family: WorkSansSemiBold; 11 | src: url(/font/WorkSans-SemiBold.ttf); 12 | } 13 | @font-face { 14 | font-family: WorkSansBold; 15 | src: url(/font/WorkSans-Bold.ttf); 16 | } 17 | 18 | 19 | @tailwind base; 20 | @tailwind components; 21 | @tailwind utilities; 22 | 23 | 24 | /* 25 | font/WorkSans-Regular.ttf 26 | font/WorkSans-Medium.ttf 27 | font/WorkSans-SemiBold.ttf 28 | font/WorkSans-Bold.ttf 29 | font/WorkSans-ExtraBold.ttf 30 | font/WorkSans-Black.ttf 31 | * Fonts 32 | 33 | */ 34 | 35 | -------------------------------------------------------------------------------- /template-11/components/Services.tsx: -------------------------------------------------------------------------------- 1 | import Card from "./Card"; 2 | 3 | export default function Services() { 4 | return ( 5 |
6 |
7 |

Our main services

8 |

9 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec quam nibh 10 | elit pellentesque velit netus suspendisse. Sed enim, pretium, montes, 11 | in ut dolor urna. 12 |

13 |
14 |
15 | 16 | 17 | 18 |
19 |
20 | ); 21 | } 22 | -------------------------------------------------------------------------------- /template-8/public/home.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /template-9/components/LatestNft.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export default function LatestNft() { 4 | return ( 5 |
6 |
7 |

Discover the latest #TOPNFT

8 |

The NFT marketplace with everything for everyone

9 |
10 |
11 | 12 |
13 | 16 |
17 | ); 18 | } 19 | -------------------------------------------------------------------------------- /template-13/components/Work.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Card from "./Card"; 3 | 4 | export default function Work() { 5 | const data = [ 6 | { flex: "flex-row-reverse", image: "/1.png" }, 7 | { flex: "", image: "/2.png" }, 8 | { flex: "flex-row-reverse", image: "/placeholder.png" }, 9 | { flex: "", image: "/3.png" }, 10 | ]; 11 | return ( 12 |
13 |

14 | Selected Works 15 |

16 |
17 | {data.map((n, index) => { 18 | return ; 19 | })} 20 |
21 |
22 | ); 23 | } 24 | -------------------------------------------------------------------------------- /template-13/public/Mail.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /template-8/public/darkmode.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /template-9/components/TopCollection.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { TopCollectionCard } from "./Cards"; 3 | 4 | export default function TopCollection() { 5 | return ( 6 | //
7 | // 8 | //
9 |
10 |

Top Collection

11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | ); 23 | } 24 | -------------------------------------------------------------------------------- /template-1/pages/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/link-passhref */ 2 | 3 | import * as React from "react"; 4 | import Hero from "../components/Hero"; 5 | import NavComponent from "../components/NavComponent"; 6 | import Pricing from "../components/Pricing"; 7 | import Service from "../components/Service"; 8 | import Partners from "../components/Partners"; 9 | import Footer from "../components/Footer"; 10 | import Blog from "../components/Blog"; 11 | import ContactBanner from "../components/ContactBanner"; 12 | 13 | 14 | export default function LandingPage2() { 15 | return ( 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 |
26 | ); 27 | } 28 | -------------------------------------------------------------------------------- /template-2/components/keycode.ts: -------------------------------------------------------------------------------- 1 | export const hex2rgba = (hex: { match: (arg0: RegExp) => { (): any; new(): any; map: { (arg0: (x: any) => number): [any, any, any]; new(): any; }; }; }, alpha = 1) => { 2 | const [r, g, b] = hex.match(/\w\w/g).map((x: string) => parseInt(x, 16)); 3 | return `rgba(${r},${g},${b},${alpha})`; 4 | }; 5 | 6 | export const navDelay = 1000; 7 | export const loaderDelay = 2000; 8 | 9 | export const KEY_CODES = { 10 | ARROW_LEFT: 'ArrowLeft', 11 | ARROW_LEFT_IE11: 'Left', 12 | ARROW_RIGHT: 'ArrowRight', 13 | ARROW_RIGHT_IE11: 'Right', 14 | ARROW_UP: 'ArrowUp', 15 | ARROW_UP_IE11: 'Up', 16 | ARROW_DOWN: 'ArrowDown', 17 | ARROW_DOWN_IE11: 'Down', 18 | ESCAPE: 'Escape', 19 | ESCAPE_IE11: 'Esc', 20 | TAB: 'Tab', 21 | SPACE: ' ', 22 | SPACE_IE11: 'Spacebar', 23 | ENTER: 'Enter', 24 | }; 25 | -------------------------------------------------------------------------------- /template-11/components/Card.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable jsx-a11y/alt-text */ 2 | export default function Card() { 3 | return ( 4 |
5 | 6 |
7 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum, magnam. Distinctio ipsum saepe iure architecto rerum molestias perspiciatis quae repellendus. Illum architecto blanditiis explicabo mollitia atque rem! Iste, consequatur saepe? 8 |
9 | 10 |
11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /template-11/pages/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/link-passhref */ 2 | import Link from "next/link"; 3 | import * as React from "react"; 4 | import Card from "../components/Card"; 5 | import ContactPage from "../components/ContactPage"; 6 | import Features from "../components/Features"; 7 | import Footer from "../components/Footer"; 8 | import Hero from "../components/Hero"; 9 | import NavComponent from "../components/NavComponent"; 10 | import Services from "../components/Services"; 11 | import Stats from "../components/Stats"; 12 | import Testimonials from "../components/Testimonials"; 13 | 14 | export default function Home() { 15 | return ( 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 |
26 | ); 27 | } 28 | -------------------------------------------------------------------------------- /template-2/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "App", 3 | "icons": [ 4 | { 5 | "src": "\/android-icon-36x36.png", 6 | "sizes": "36x36", 7 | "type": "image\/png", 8 | "density": "0.75" 9 | }, 10 | { 11 | "src": "\/android-icon-48x48.png", 12 | "sizes": "48x48", 13 | "type": "image\/png", 14 | "density": "1.0" 15 | }, 16 | { 17 | "src": "\/android-icon-72x72.png", 18 | "sizes": "72x72", 19 | "type": "image\/png", 20 | "density": "1.5" 21 | }, 22 | { 23 | "src": "\/android-icon-96x96.png", 24 | "sizes": "96x96", 25 | "type": "image\/png", 26 | "density": "2.0" 27 | }, 28 | { 29 | "src": "\/android-icon-144x144.png", 30 | "sizes": "144x144", 31 | "type": "image\/png", 32 | "density": "3.0" 33 | }, 34 | { 35 | "src": "\/android-icon-192x192.png", 36 | "sizes": "192x192", 37 | "type": "image\/png", 38 | "density": "4.0" 39 | } 40 | ] 41 | } -------------------------------------------------------------------------------- /template-5/components/NewsLetterFeed.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/no-img-element */ 2 | import React from "react"; 3 | 4 | 5 | export default function NewsLetterFeed() { 6 | return ( 7 |
8 |
9 | 10 |
11 |
12 |

Subscribe to us

13 |

14 | Specially developed to help restore a more youthful appearance with 15 | improved radiance and bounce. 16 |

17 |
18 | 19 | 20 |
21 |
22 |
23 | ); 24 | } 25 | -------------------------------------------------------------------------------- /template-5/pages/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/no-img-element */ 2 | /* eslint-disable @next/next/link-passhref */ 3 | import Link from "next/link"; 4 | import * as React from "react"; 5 | import ExploreCollections from "../components/ExploreCollections"; 6 | import Footer from "../components/Footer"; 7 | import Hero from "../components/Hero"; 8 | import MoreInfo from "../components/MoreInfo"; 9 | import NavComponent from "../components/NavComponent"; 10 | import NewsLetterFeed from "../components/NewsLetterFeed"; 11 | import TopNft from "../components/TopNft"; 12 | import TopSellers from "../components/TopSellers"; 13 | 14 | export default function Home() { 15 | return ( 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 |
26 | ); 27 | } 28 | -------------------------------------------------------------------------------- /template-4/public/Ellipse21.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /template-7/components/Header.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export default function Header() { 4 | return ( 5 |
6 |
7 |

8 | Discover Characters in 9 | Pixi-World 10 |

11 |

12 | We believe the world is more beautiful as each person gets better. We 13 | believe the world is more beautiful as each person gets better. Person 14 | gets better.{" "} 15 |

16 | 19 |
20 |
21 | pixi-world 22 |
23 |
24 | ); 25 | } 26 | -------------------------------------------------------------------------------- /template-4/public/Ellipse18.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /template-13/components/Client.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/no-img-element */ 2 | import React from "react"; 3 | 4 | export default function Client() { 5 | const image = ["/Airbnb.svg", "/FedEx.svg", "/Google.svg", "/Microsoft.svg"]; 6 | return ( 7 |
8 |

9 | Some{" "} 10 | of the clients I have designed for 11 |

12 | 13 |
14 | {image.map((n, index) => { 15 | return ( 16 | image 24 | ); 25 | })} 26 |
27 |
28 | ); 29 | } 30 | -------------------------------------------------------------------------------- /template-6/components/MarketTrend.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Card from "./Card"; 3 | 4 | export default function MarketTrend() { 5 | const imageData = [ 6 | "bitcoin-icon.png", 7 | "eth-icon.png", 8 | "bnb-icon.png", 9 | "usdt-icon.png", 10 | "bitcoin-icon.png", 11 | "eth-icon.png", 12 | "bnb-icon.png", 13 | "usdt-icon.png", 14 | "bitcoin-icon.png", 15 | "eth-icon.png", 16 | "bnb-icon.png", 17 | "usdt-icon.png", 18 | "bitcoin-icon.png", 19 | "eth-icon.png", 20 | "bnb-icon.png", 21 | "usdt-icon.png", 22 | ]; 23 | return ( 24 |
25 |

Market Trend

26 |
27 | {imageData.map((n, index) => { 28 | return ; 29 | })} 30 |
31 | {/* */} 32 |
33 | ); 34 | } 35 | -------------------------------------------------------------------------------- /template-4/components/AboutSection.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export default function AboutSection() { 4 | return ( 5 |
6 |
7 |
8 |

How do Music NFTs work?

9 |

10 | NFTs are unique assets stored and tradable on a blockchain. They 11 | are, immutable, scarce and publicly verifiable. In the music world, 12 | artistes get to sell limited digital content to their fans who pay 13 | via crypto. You can now produce any music content that cannot be 14 | counterfeited. 15 |

16 |
17 | < > 18 | 19 |
20 | 21 |
22 | 23 |
24 |
25 | ); 26 | } 27 | -------------------------------------------------------------------------------- /template-1/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-10/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-11/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-12/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-13/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-2/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-3/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-4/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-5/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-6/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-7/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-8/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-9/public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /template-12/components/EthIcon.tsx: -------------------------------------------------------------------------------- 1 | export const EthIcon = () => { 2 | return ( 3 | 10 | 14 | 18 | 22 | 26 | 30 | 34 | 35 | ); 36 | }; 37 | -------------------------------------------------------------------------------- /template-6/components/Card.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | interface Props { 3 | img: string; 4 | } 5 | export default function Card({ img }: Props) { 6 | return ( 7 |
8 |
9 |
10 | alt 11 |

BTC

12 |

BITCOIN

13 |
14 |
15 | alt 16 |
17 |
18 |
19 |
20 | $56,623.54 21 | 1.41% 22 |
23 |
24 | 25 |
26 |
27 |
28 | ); 29 | } 30 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Dev.Ui Templates 2 | ## This repo conatain all the template of [Dev.Ui](https://dev-ui.vercel.app/templates) 3 | 4 | [![Website](https://img.shields.io/badge/%20%F0%9F%8F%A1%20website-0072ff.svg?longCache=true&style=for-the-badge)](https://dev-ui.vercel.app) 5 | 6 | 7 | 8 | 9 | 10 | ## 🛠 Development 11 | 12 | Clone the repository 13 | 14 | ```zsh 15 | git clone https://github.com/kumard3/dev-ui-templates.git 16 | ``` 17 | 18 | Install dependencies 19 | 20 | ```zsh 21 | npm install 22 | 23 | # Or using Yarn 24 | 25 | yarn 26 | ``` 27 | 28 | Start the development server 29 | 30 | ```zsh 31 | npm run dev 32 | 33 | # Or using Yarn 34 | 35 | yarn dev 36 | ``` 37 | 38 | Build for production 39 | 40 | ```zsh 41 | npm run build 42 | 43 | # Or using Yarn 44 | 45 | yarn build 46 | ``` 47 | 48 | -------------------------------------------------------------------------------- /template-13/components/Card.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/no-img-element */ 2 | import React from "react"; 3 | interface Props { 4 | rev: string; 5 | image: string; 6 | } 7 | 8 | export default function Card({ rev, image }: Props) { 9 | return ( 10 |
13 |
14 | placeholder.png 21 |
22 |
23 |

Real estate Template

24 |

25 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ultrices 26 | lorem non feugiat egestas amet. 27 |

28 |

Website Design

29 | 32 |
33 |
34 | ); 35 | } 36 | -------------------------------------------------------------------------------- /template-13/public/LinkedIn.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /template-5/components/MoreInfo.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/no-img-element */ 2 | /* eslint-disable react/no-unescaped-entities */ 3 | import React from "react"; 4 | 5 | export default function MoreInfo() { 6 | return ( 7 |
8 |
9 | 10 |
11 | 12 |
13 |
14 |

What are NFT's ?

15 |

16 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Interdum quis 17 | amet, faucibus lorem. Lectus amet odio quis sed adipiscing adipiscing 18 | magna non. Nullam turpis faucibus ridiculus suscipit. Et blandit 19 | suspendisse curabitur eu congue dui ut. 20 |

21 |
22 |
23 |
24 | ); 25 | } 26 | -------------------------------------------------------------------------------- /template-8/public/lightBulb.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /template-9/public/ant-design_behance-outlined.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /template-6/components/NewsLetter.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export default function NewsLetter() { 4 | return ( 5 |
6 |
7 |

8 | Want to be aware of all update 9 |

10 |
11 | 12 | 15 |
16 |
17 |
18 | 19 |
20 |
21 | ); 22 | } 23 | -------------------------------------------------------------------------------- /template-1/components/Hero.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/no-unescaped-entities */ 2 | export default function Hero() { 3 | return ( 4 |
5 |
6 |

7 | Let's get fusely together 8 |

9 |

10 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Temporibus 11 | expedita id dolorum molestias delectus odio, incidunt est reiciendis 12 | laboriosam non quam dolor nam, ipsum similique quod modi nulla optio 13 | iure! 14 |

15 | 19 |
20 | 21 |
22 | 26 |
27 |
28 | ); 29 | } 30 | -------------------------------------------------------------------------------- /template-8/styles/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | @font-face { 6 | font-family: SpaceGroteskBold; 7 | src: url(/fonts/SpaceGrotesk-Bold.ttf); 8 | } 9 | @font-face { 10 | font-family: SpaceGroteskLight; 11 | src: url(/fonts/SpaceGrotesk-Light.ttf); 12 | } 13 | @font-face { 14 | font-family: SpaceGroteskRegular; 15 | src: url(/fonts/SpaceGrotesk-Regular.ttf); 16 | } 17 | @font-face { 18 | font-family: SpaceGroteskSemiBold; 19 | src: url(/fonts/SpaceGrotesk-SemiBold.ttf); 20 | } 21 | @font-face { 22 | font-family: Yellowtail; 23 | src: url(/fonts/Yellowtail-Regular.ttf); 24 | } 25 | 26 | .SpaceGroteskBold{ 27 | font-family: SpaceGroteskBold; 28 | } 29 | .SpaceGroteskRegular{ 30 | font-family: SpaceGroteskRegular; 31 | } 32 | .Yellowtail{ 33 | font-family: Yellowtail; 34 | } 35 | 36 | .text { 37 | background: linear-gradient( 38 | 90.2deg, 39 | #3b82f6 63.77%, 40 | #ec4899 83.43%, 41 | #3b82f6 99.94% 42 | ); 43 | -webkit-background-clip: text; 44 | -webkit-text-fill-color: transparent; 45 | background-clip: text; 46 | text-fill-color: transparent; 47 | } -------------------------------------------------------------------------------- /template-9/pages/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/link-passhref */ 2 | import Link from "next/link"; 3 | import * as React from "react"; 4 | import Hero from "../components/Hero"; 5 | import HiddenGems from "../components/HiddenGems"; 6 | import LatestNft from "../components/LatestNft"; 7 | import NavComponent from "../components/NavComponent"; 8 | import TopCollection from "../components/TopCollection"; 9 | export default function Home() { 10 | return ( 11 |
12 |
13 |
14 |
15 |
16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 | 25 | 26 |
27 | ); 28 | } 29 | -------------------------------------------------------------------------------- /template-4/components/Discover.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { NftCardWithButton } from "./NftCard"; 3 | 4 | const data = [ 5 | { 6 | image: "1.png", 7 | }, 8 | { 9 | image: "2.png", 10 | }, 11 | { 12 | image: "3.png", 13 | }, 14 | { 15 | image: "4.png", 16 | }, 17 | { 18 | image: "5.png", 19 | }, 20 | { 21 | image: "six.png", 22 | }, 23 | { 24 | image: "7.png", 25 | }, 26 | { 27 | image: "8.png", 28 | }, 29 | { 30 | image: "9.png", 31 | }, 32 | { 33 | image: "10.png", 34 | }, 35 | 36 | ]; 37 | 38 | export default function Discover() { 39 | return ( 40 |
41 |
42 |

Discover Music NFT

43 |
44 |
45 | {/*
*/} 46 | 47 | {data.map((n, index) => { 48 | return ; 49 | })} 50 |
51 |
52 | ); 53 | } 54 | -------------------------------------------------------------------------------- /template-3/components/useOnClickOutside.js: -------------------------------------------------------------------------------- 1 | import { MutableRefObject, useEffect } from 'react'; 2 | 3 | // https://usehooks.com/useOnClickOutside/ 4 | 5 | const useOnClickOutside = ( ) => { 6 | useEffect( 7 | () => { 8 | const listener = (event) => { 9 | // Do nothing if clicking ref's element or descendent elements 10 | if (!ref.current || ref.current.contains(event.target)) { 11 | return; 12 | } 13 | 14 | handler(event); 15 | }; 16 | 17 | document.addEventListener('mousedown', listener); 18 | document.addEventListener('touchstart', listener); 19 | 20 | return () => { 21 | document.removeEventListener('mousedown', listener); 22 | document.removeEventListener('touchstart', listener); 23 | }; 24 | }, 25 | // Add ref and handler to effect dependencies 26 | // It's worth noting that because passed in handler is a new ... 27 | // ... function on every render that will cause this effect ... 28 | // ... callback/cleanup to run every render. It's not a big deal ... 29 | // ... but to optimize you can wrap handler in useCallback before ... 30 | // ... passing it into this hook. 31 | [ref, handler], 32 | ); 33 | }; 34 | 35 | export default useOnClickOutside; 36 | -------------------------------------------------------------------------------- /template-2/hooks/useOnClickOutside.ts: -------------------------------------------------------------------------------- 1 | import { MutableRefObject, useEffect } from 'react'; 2 | 3 | // https://usehooks.com/useOnClickOutside/ 4 | 5 | const useOnClickOutside = (ref:any, handler:any ) => { 6 | useEffect( 7 | () => { 8 | const listener = (event: { target: any; }):any => { 9 | // Do nothing if clicking ref's element or descendent elements 10 | if (!ref.current || ref.current.contains(event.target)) { 11 | return; 12 | } 13 | 14 | handler(event); 15 | }; 16 | 17 | document.addEventListener('mousedown', listener); 18 | document.addEventListener('touchstart', listener); 19 | 20 | return () => { 21 | document.removeEventListener('mousedown', listener); 22 | document.removeEventListener('touchstart', listener); 23 | }; 24 | }, 25 | // Add ref and handler to effect dependencies 26 | // It's worth noting that because passed in handler is a new ... 27 | // ... function on every render that will cause this effect ... 28 | // ... callback/cleanup to run every render. It's not a big deal ... 29 | // ... but to optimize you can wrap handler in useCallback before ... 30 | // ... passing it into this hook. 31 | [ref, handler], 32 | ); 33 | }; 34 | 35 | export default useOnClickOutside; -------------------------------------------------------------------------------- /template-1/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwind-typescript-starter-nextjs", 3 | "version": "1.0.0", 4 | "description": "typescript starter with tailwindcss", 5 | "author": "kumard3", 6 | "repository": { 7 | "type": "git", 8 | "url": "git+https://github.com/Cyphen12/tailwind-typescript-starter.git" 9 | }, 10 | "source": "pages/index.tsx", 11 | "engines": { 12 | "node": ">=14" 13 | }, 14 | "scripts": { 15 | "dev": "next dev", 16 | "build": "next build", 17 | "start": "next start", 18 | "lint": "next lint" 19 | }, 20 | "dependencies": { 21 | "next": "^12.1.0", 22 | "react": "17.0.2", 23 | "react-dom": "17.0.2" 24 | }, 25 | "devDependencies": { 26 | "@types/node": "17.0.4", 27 | "@types/react": "17.0.38", 28 | "autoprefixer": "^10.4.0", 29 | "eslint": "8.5.0", 30 | "eslint-config-next": "12.0.7", 31 | "postcss": "^8.4.5", 32 | "tailwindcss": "^3.0.7", 33 | "typescript": "4.5.4" 34 | }, 35 | "bugs": { 36 | "url": "https://github.com/Cyphen12/tailwind-typescript-starter/issues" 37 | }, 38 | "homepage": "https://github.com/Cyphen12/tailwind-typescript-starter#readme", 39 | "main": "next.config.js", 40 | "keywords": [ 41 | "nextjs", 42 | "tailwindcss", 43 | "typescript", 44 | "starter" 45 | ] 46 | } 47 | -------------------------------------------------------------------------------- /template-12/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwind-typescript-starter-nextjs", 3 | "version": "1.0.0", 4 | "description": "typescript starter with tailwindcss", 5 | "author": "kumard3", 6 | "repository": { 7 | "type": "git", 8 | "url": "git+https://github.com/Cyphen12/tailwind-typescript-starter.git" 9 | }, 10 | "source": "pages/index.tsx", 11 | "engines": { 12 | "node": ">=14" 13 | }, 14 | "scripts": { 15 | "dev": "next dev", 16 | "build": "next build", 17 | "start": "next start", 18 | "lint": "next lint" 19 | }, 20 | "dependencies": { 21 | "next": "12.0.7", 22 | "react": "17.0.2", 23 | "react-dom": "17.0.2" 24 | }, 25 | "devDependencies": { 26 | "@types/node": "17.0.4", 27 | "@types/react": "17.0.38", 28 | "autoprefixer": "^10.4.0", 29 | "eslint": "8.5.0", 30 | "eslint-config-next": "12.0.7", 31 | "postcss": "^8.4.5", 32 | "tailwindcss": "^3.0.7", 33 | "typescript": "4.5.4" 34 | }, 35 | "bugs": { 36 | "url": "https://github.com/Cyphen12/tailwind-typescript-starter/issues" 37 | }, 38 | "homepage": "https://github.com/Cyphen12/tailwind-typescript-starter#readme", 39 | "main": "next.config.js", 40 | "keywords": [ 41 | "nextjs", 42 | "tailwindcss", 43 | "typescript", 44 | "starter" 45 | ] 46 | } 47 | -------------------------------------------------------------------------------- /template-2/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwind-typescript-starter-nextjs", 3 | "version": "1.0.0", 4 | "description": "typescript starter with tailwindcss", 5 | "author": "kumard3", 6 | "repository": { 7 | "type": "git", 8 | "url": "git+https://github.com/Cyphen12/tailwind-typescript-starter.git" 9 | }, 10 | "source": "pages/index.tsx", 11 | "engines": { 12 | "node": ">=14" 13 | }, 14 | "scripts": { 15 | "dev": "next dev", 16 | "build": "next build", 17 | "start": "next start", 18 | "lint": "next lint" 19 | }, 20 | "dependencies": { 21 | "next": "12.0.7", 22 | "react": "17.0.2", 23 | "react-dom": "17.0.2" 24 | }, 25 | "devDependencies": { 26 | "@types/node": "17.0.4", 27 | "@types/react": "17.0.38", 28 | "autoprefixer": "^10.4.0", 29 | "eslint": "8.5.0", 30 | "eslint-config-next": "12.0.7", 31 | "postcss": "^8.4.5", 32 | "tailwindcss": "^3.0.7", 33 | "typescript": "4.5.4" 34 | }, 35 | "bugs": { 36 | "url": "https://github.com/Cyphen12/tailwind-typescript-starter/issues" 37 | }, 38 | "homepage": "https://github.com/Cyphen12/tailwind-typescript-starter#readme", 39 | "main": "next.config.js", 40 | "keywords": [ 41 | "nextjs", 42 | "tailwindcss", 43 | "typescript", 44 | "starter" 45 | ] 46 | } 47 | -------------------------------------------------------------------------------- /template-4/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwind-typescript-starter-nextjs", 3 | "version": "1.0.0", 4 | "description": "typescript starter with tailwindcss", 5 | "author": "kumard3", 6 | "repository": { 7 | "type": "git", 8 | "url": "git+https://github.com/Cyphen12/tailwind-typescript-starter.git" 9 | }, 10 | "source": "pages/index.tsx", 11 | "engines": { 12 | "node": ">=14" 13 | }, 14 | "scripts": { 15 | "dev": "next dev", 16 | "build": "next build", 17 | "start": "next start", 18 | "lint": "next lint" 19 | }, 20 | "dependencies": { 21 | "next": "^12.1.0", 22 | "react": "17.0.2", 23 | "react-dom": "17.0.2" 24 | }, 25 | "devDependencies": { 26 | "@types/node": "17.0.4", 27 | "@types/react": "17.0.38", 28 | "autoprefixer": "^10.4.0", 29 | "eslint": "8.5.0", 30 | "eslint-config-next": "12.0.7", 31 | "postcss": "^8.4.5", 32 | "tailwindcss": "^3.0.7", 33 | "typescript": "4.5.4" 34 | }, 35 | "bugs": { 36 | "url": "https://github.com/Cyphen12/tailwind-typescript-starter/issues" 37 | }, 38 | "homepage": "https://github.com/Cyphen12/tailwind-typescript-starter#readme", 39 | "main": "next.config.js", 40 | "keywords": [ 41 | "nextjs", 42 | "tailwindcss", 43 | "typescript", 44 | "starter" 45 | ] 46 | } 47 | -------------------------------------------------------------------------------- /template-7/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwind-typescript-starter-nextjs", 3 | "version": "1.0.0", 4 | "description": "typescript starter with tailwindcss", 5 | "author": "kumard3", 6 | "repository": { 7 | "type": "git", 8 | "url": "git+https://github.com/Cyphen12/tailwind-typescript-starter.git" 9 | }, 10 | "source": "pages/index.tsx", 11 | "engines": { 12 | "node": ">=14" 13 | }, 14 | "scripts": { 15 | "dev": "next dev", 16 | "build": "next build", 17 | "start": "next start", 18 | "lint": "next lint" 19 | }, 20 | "dependencies": { 21 | "next": "latest", 22 | "react": "17.0.2", 23 | "react-dom": "17.0.2" 24 | }, 25 | "devDependencies": { 26 | "@types/node": "17.0.4", 27 | "@types/react": "17.0.38", 28 | "autoprefixer": "^10.4.0", 29 | "eslint": "8.5.0", 30 | "eslint-config-next": "12.0.7", 31 | "postcss": "^8.4.5", 32 | "tailwindcss": "^3.0.7", 33 | "typescript": "4.5.4" 34 | }, 35 | "bugs": { 36 | "url": "https://github.com/Cyphen12/tailwind-typescript-starter/issues" 37 | }, 38 | "homepage": "https://github.com/Cyphen12/tailwind-typescript-starter#readme", 39 | "main": "next.config.js", 40 | "keywords": [ 41 | "nextjs", 42 | "tailwindcss", 43 | "typescript", 44 | "starter" 45 | ] 46 | } 47 | -------------------------------------------------------------------------------- /template-4/components/useOnClickOutside.ts: -------------------------------------------------------------------------------- 1 | import { MutableRefObject, useEffect } from 'react'; 2 | 3 | // https://usehooks.com/useOnClickOutside/ 4 | 5 | const useOnClickOutside = (ref:any, handler:any ) => { 6 | useEffect( 7 | () => { 8 | const listener = (event: { target: any; }):any => { 9 | // Do nothing if clicking ref's element or descendent elements 10 | if (!ref.current || ref.current.contains(event.target)) { 11 | return; 12 | } 13 | 14 | handler(event); 15 | }; 16 | 17 | document.addEventListener('mousedown', listener); 18 | document.addEventListener('touchstart', listener); 19 | 20 | return () => { 21 | document.removeEventListener('mousedown', listener); 22 | document.removeEventListener('touchstart', listener); 23 | }; 24 | }, 25 | // Add ref and handler to effect dependencies 26 | // It's worth noting that because passed in handler is a new ... 27 | // ... function on every render that will cause this effect ... 28 | // ... callback/cleanup to run every render. It's not a big deal ... 29 | // ... but to optimize you can wrap handler in useCallback before ... 30 | // ... passing it into this hook. 31 | [ref, handler], 32 | ); 33 | }; 34 | 35 | export default useOnClickOutside; 36 | -------------------------------------------------------------------------------- /template-5/components/useOnClickOutside.ts: -------------------------------------------------------------------------------- 1 | import { MutableRefObject, useEffect } from 'react'; 2 | 3 | // https://usehooks.com/useOnClickOutside/ 4 | 5 | const useOnClickOutside = (ref:any, handler:any ) => { 6 | useEffect( 7 | () => { 8 | const listener = (event: { target: any; }):any => { 9 | // Do nothing if clicking ref's element or descendent elements 10 | if (!ref.current || ref.current.contains(event.target)) { 11 | return; 12 | } 13 | 14 | handler(event); 15 | }; 16 | 17 | document.addEventListener('mousedown', listener); 18 | document.addEventListener('touchstart', listener); 19 | 20 | return () => { 21 | document.removeEventListener('mousedown', listener); 22 | document.removeEventListener('touchstart', listener); 23 | }; 24 | }, 25 | // Add ref and handler to effect dependencies 26 | // It's worth noting that because passed in handler is a new ... 27 | // ... function on every render that will cause this effect ... 28 | // ... callback/cleanup to run every render. It's not a big deal ... 29 | // ... but to optimize you can wrap handler in useCallback before ... 30 | // ... passing it into this hook. 31 | [ref, handler], 32 | ); 33 | }; 34 | 35 | export default useOnClickOutside; 36 | -------------------------------------------------------------------------------- /template-7/components/useOnClickOutside.ts: -------------------------------------------------------------------------------- 1 | import { MutableRefObject, useEffect } from 'react'; 2 | 3 | // https://usehooks.com/useOnClickOutside/ 4 | 5 | const useOnClickOutside = (ref:any, handler:any ) => { 6 | useEffect( 7 | () => { 8 | const listener = (event: { target: any; }):any => { 9 | // Do nothing if clicking ref's element or descendent elements 10 | if (!ref.current || ref.current.contains(event.target)) { 11 | return; 12 | } 13 | 14 | handler(event); 15 | }; 16 | 17 | document.addEventListener('mousedown', listener); 18 | document.addEventListener('touchstart', listener); 19 | 20 | return () => { 21 | document.removeEventListener('mousedown', listener); 22 | document.removeEventListener('touchstart', listener); 23 | }; 24 | }, 25 | // Add ref and handler to effect dependencies 26 | // It's worth noting that because passed in handler is a new ... 27 | // ... function on every render that will cause this effect ... 28 | // ... callback/cleanup to run every render. It's not a big deal ... 29 | // ... but to optimize you can wrap handler in useCallback before ... 30 | // ... passing it into this hook. 31 | [ref, handler], 32 | ); 33 | }; 34 | 35 | export default useOnClickOutside; 36 | -------------------------------------------------------------------------------- /template-9/components/useOnClickOutside.ts: -------------------------------------------------------------------------------- 1 | import { MutableRefObject, useEffect } from 'react'; 2 | 3 | // https://usehooks.com/useOnClickOutside/ 4 | 5 | const useOnClickOutside = (ref:any, handler:any ) => { 6 | useEffect( 7 | () => { 8 | const listener = (event: { target: any; }):any => { 9 | // Do nothing if clicking ref's element or descendent elements 10 | if (!ref.current || ref.current.contains(event.target)) { 11 | return; 12 | } 13 | 14 | handler(event); 15 | }; 16 | 17 | document.addEventListener('mousedown', listener); 18 | document.addEventListener('touchstart', listener); 19 | 20 | return () => { 21 | document.removeEventListener('mousedown', listener); 22 | document.removeEventListener('touchstart', listener); 23 | }; 24 | }, 25 | // Add ref and handler to effect dependencies 26 | // It's worth noting that because passed in handler is a new ... 27 | // ... function on every render that will cause this effect ... 28 | // ... callback/cleanup to run every render. It's not a big deal ... 29 | // ... but to optimize you can wrap handler in useCallback before ... 30 | // ... passing it into this hook. 31 | [ref, handler], 32 | ); 33 | }; 34 | 35 | export default useOnClickOutside; 36 | -------------------------------------------------------------------------------- /template-10/components/useOnClickOutside.ts: -------------------------------------------------------------------------------- 1 | import { MutableRefObject, useEffect } from 'react'; 2 | 3 | // https://usehooks.com/useOnClickOutside/ 4 | 5 | const useOnClickOutside = (ref:any, handler:any ) => { 6 | useEffect( 7 | () => { 8 | const listener = (event: { target: any; }):any => { 9 | // Do nothing if clicking ref's element or descendent elements 10 | if (!ref.current || ref.current.contains(event.target)) { 11 | return; 12 | } 13 | 14 | handler(event); 15 | }; 16 | 17 | document.addEventListener('mousedown', listener); 18 | document.addEventListener('touchstart', listener); 19 | 20 | return () => { 21 | document.removeEventListener('mousedown', listener); 22 | document.removeEventListener('touchstart', listener); 23 | }; 24 | }, 25 | // Add ref and handler to effect dependencies 26 | // It's worth noting that because passed in handler is a new ... 27 | // ... function on every render that will cause this effect ... 28 | // ... callback/cleanup to run every render. It's not a big deal ... 29 | // ... but to optimize you can wrap handler in useCallback before ... 30 | // ... passing it into this hook. 31 | [ref, handler], 32 | ); 33 | }; 34 | 35 | export default useOnClickOutside; 36 | -------------------------------------------------------------------------------- /template-11/components/useOnClickOutside.ts: -------------------------------------------------------------------------------- 1 | import { MutableRefObject, useEffect } from 'react'; 2 | 3 | // https://usehooks.com/useOnClickOutside/ 4 | 5 | const useOnClickOutside = (ref:any, handler:any ) => { 6 | useEffect( 7 | () => { 8 | const listener = (event: { target: any; }):any => { 9 | // Do nothing if clicking ref's element or descendent elements 10 | if (!ref.current || ref.current.contains(event.target)) { 11 | return; 12 | } 13 | 14 | handler(event); 15 | }; 16 | 17 | document.addEventListener('mousedown', listener); 18 | document.addEventListener('touchstart', listener); 19 | 20 | return () => { 21 | document.removeEventListener('mousedown', listener); 22 | document.removeEventListener('touchstart', listener); 23 | }; 24 | }, 25 | // Add ref and handler to effect dependencies 26 | // It's worth noting that because passed in handler is a new ... 27 | // ... function on every render that will cause this effect ... 28 | // ... callback/cleanup to run every render. It's not a big deal ... 29 | // ... but to optimize you can wrap handler in useCallback before ... 30 | // ... passing it into this hook. 31 | [ref, handler], 32 | ); 33 | }; 34 | 35 | export default useOnClickOutside; 36 | -------------------------------------------------------------------------------- /template-12/components/useOnClickOutside.ts: -------------------------------------------------------------------------------- 1 | import { MutableRefObject, useEffect } from 'react'; 2 | 3 | // https://usehooks.com/useOnClickOutside/ 4 | 5 | const useOnClickOutside = (ref:any, handler:any ) => { 6 | useEffect( 7 | () => { 8 | const listener = (event: { target: any; }):any => { 9 | // Do nothing if clicking ref's element or descendent elements 10 | if (!ref.current || ref.current.contains(event.target)) { 11 | return; 12 | } 13 | 14 | handler(event); 15 | }; 16 | 17 | document.addEventListener('mousedown', listener); 18 | document.addEventListener('touchstart', listener); 19 | 20 | return () => { 21 | document.removeEventListener('mousedown', listener); 22 | document.removeEventListener('touchstart', listener); 23 | }; 24 | }, 25 | // Add ref and handler to effect dependencies 26 | // It's worth noting that because passed in handler is a new ... 27 | // ... function on every render that will cause this effect ... 28 | // ... callback/cleanup to run every render. It's not a big deal ... 29 | // ... but to optimize you can wrap handler in useCallback before ... 30 | // ... passing it into this hook. 31 | [ref, handler], 32 | ); 33 | }; 34 | 35 | export default useOnClickOutside; 36 | -------------------------------------------------------------------------------- /template-13/components/useOnClickOutside.ts: -------------------------------------------------------------------------------- 1 | import { MutableRefObject, useEffect } from 'react'; 2 | 3 | // https://usehooks.com/useOnClickOutside/ 4 | 5 | const useOnClickOutside = (ref:any, handler:any ) => { 6 | useEffect( 7 | () => { 8 | const listener = (event: { target: any; }):any => { 9 | // Do nothing if clicking ref's element or descendent elements 10 | if (!ref.current || ref.current.contains(event.target)) { 11 | return; 12 | } 13 | 14 | handler(event); 15 | }; 16 | 17 | document.addEventListener('mousedown', listener); 18 | document.addEventListener('touchstart', listener); 19 | 20 | return () => { 21 | document.removeEventListener('mousedown', listener); 22 | document.removeEventListener('touchstart', listener); 23 | }; 24 | }, 25 | // Add ref and handler to effect dependencies 26 | // It's worth noting that because passed in handler is a new ... 27 | // ... function on every render that will cause this effect ... 28 | // ... callback/cleanup to run every render. It's not a big deal ... 29 | // ... but to optimize you can wrap handler in useCallback before ... 30 | // ... passing it into this hook. 31 | [ref, handler], 32 | ); 33 | }; 34 | 35 | export default useOnClickOutside; 36 | -------------------------------------------------------------------------------- /template-6/components/Header.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export default function Header() { 4 | return ( 5 |
6 |
7 |
8 |

9 | Save, Buy and Sell Your blockchain asset 10 |

11 |

12 | The easy to manage and trade your cryptocurency asset 13 |

14 | 15 |
16 | 19 | 22 |
23 |
24 | 25 |
26 | alt 27 |
28 |
29 |
30 | ); 31 | } 32 | -------------------------------------------------------------------------------- /template-9/public/akar-icons_twitter-fill.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /template-8/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwind-typescript-starter-nextjs", 3 | "version": "1.0.0", 4 | "description": "typescript starter with tailwindcss", 5 | "author": "kumard3", 6 | "repository": { 7 | "type": "git", 8 | "url": "git+https://github.com/Cyphen12/tailwind-typescript-starter.git" 9 | }, 10 | "source": "pages/index.tsx", 11 | "engines": { 12 | "node": ">=14" 13 | }, 14 | "scripts": { 15 | "dev": "next dev", 16 | "build": "next build", 17 | "start": "next start", 18 | "lint": "next lint" 19 | }, 20 | "dependencies": { 21 | "next": "12.0.7", 22 | "next-themes": "^0.1.1", 23 | "react": "17.0.2", 24 | "react-dom": "17.0.2", 25 | "react-icons": "^4.3.1" 26 | }, 27 | "devDependencies": { 28 | "@types/node": "17.0.4", 29 | "@types/react": "17.0.38", 30 | "autoprefixer": "^10.4.0", 31 | "eslint": "8.5.0", 32 | "eslint-config-next": "12.0.7", 33 | "postcss": "^8.4.5", 34 | "tailwindcss": "^3.0.7", 35 | "typescript": "4.5.4" 36 | }, 37 | "bugs": { 38 | "url": "https://github.com/Cyphen12/tailwind-typescript-starter/issues" 39 | }, 40 | "homepage": "https://github.com/Cyphen12/tailwind-typescript-starter#readme", 41 | "main": "next.config.js", 42 | "keywords": [ 43 | "nextjs", 44 | "tailwindcss", 45 | "typescript", 46 | "starter" 47 | ] 48 | } 49 | -------------------------------------------------------------------------------- /template-11/public/Group.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /template-13/components/Header.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/no-unescaped-entities */ 2 | import NavComponent from "./NavComponent"; 3 | 4 | export default function Header() { 5 | return ( 6 | <> 7 | 8 |
9 |
10 |

11 | 12 | I'm a designer specialising in 13 | 14 | UI/UX 15 | 16 | and 17 | 18 | <> 19 | 20 | Interaction Design 21 | 22 | 23 |

24 |
25 | 33 | 40 | 41 |
42 | 43 | ); 44 | } 45 | -------------------------------------------------------------------------------- /template-9/styles/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | 6 | .sphere path { 7 | fill: url(#sphereGradient); 8 | stroke-width: 1px; 9 | stroke: rgba(80,80,80,.35); 10 | backface-visibility: hidden; 11 | } 12 | 13 | @media (min-width: 500px) { 14 | .sphere path { 15 | stroke-width: .4px; 16 | } 17 | } 18 | 19 | .border-gradient { 20 | position:relative; 21 | } 22 | .border-gradient::before { 23 | content:""; 24 | position:absolute; 25 | top:0; 26 | left:0; 27 | right:0; 28 | bottom:0; 29 | border-radius:30px; 30 | padding:3px; 31 | border: 3px ; 32 | background:linear-gradient(45deg,#73E0A9,#5B68DF); 33 | -webkit-mask: 34 | linear-gradient(#fff 0 0) content-box, 35 | linear-gradient(#fff 0 0); 36 | -webkit-mask-composite: xor; 37 | mask-composite: exclude; 38 | } 39 | .border-gradientbutton { 40 | position:relative; 41 | } 42 | .border-gradientbutton::before { 43 | content:""; 44 | position:absolute; 45 | top:0; 46 | left:0; 47 | right:0; 48 | bottom:0; 49 | border-radius:3px; 50 | padding:3px; 51 | border: 3px ; 52 | background:linear-gradient(45deg,#73E0A9,#5B68DF); 53 | -webkit-mask: 54 | linear-gradient(#fff 0 0) content-box, 55 | linear-gradient(#fff 0 0); 56 | -webkit-mask-composite: xor; 57 | mask-composite: exclude; 58 | } 59 | -------------------------------------------------------------------------------- /template-2/hooks/useScrollDirection.ts: -------------------------------------------------------------------------------- 1 | const SCROLL_UP = 'up'; 2 | const SCROLL_DOWN = 'down'; 3 | 4 | import { useState, useEffect } from 'react'; 5 | 6 | const useScrollDirection = ({ initialDirection, thresholdPixels, off }:any = {}) => { 7 | const [scrollDir, setScrollDir] = useState(initialDirection); 8 | 9 | useEffect(() => { 10 | const threshold = thresholdPixels || 0; 11 | let lastScrollY = window.pageYOffset; 12 | let ticking = false; 13 | 14 | const updateScrollDir = () => { 15 | const scrollY = window.pageYOffset; 16 | 17 | if (Math.abs(scrollY - lastScrollY) < threshold) { 18 | // We haven't exceeded the threshold 19 | ticking = false; 20 | return; 21 | } 22 | 23 | setScrollDir(scrollY > lastScrollY ? SCROLL_DOWN : SCROLL_UP); 24 | lastScrollY = scrollY > 0 ? scrollY : 0; 25 | ticking = false; 26 | }; 27 | 28 | const onScroll = () => { 29 | if (!ticking) { 30 | window.requestAnimationFrame(updateScrollDir); 31 | ticking = true; 32 | } 33 | }; 34 | 35 | /** 36 | * Bind the scroll handler if `off` is set to false. 37 | * If `off` is set to true reset the scroll direction. 38 | */ 39 | !off ? window.addEventListener('scroll', onScroll) : setScrollDir(initialDirection); 40 | 41 | return () => window.removeEventListener('scroll', onScroll); 42 | }, [initialDirection, thresholdPixels, off]); 43 | 44 | return scrollDir; 45 | }; 46 | 47 | export default useScrollDirection; -------------------------------------------------------------------------------- /template-4/components/Community.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const data = [ 4 | { 5 | title: "01/", 6 | description: 7 | "Artists themselves become a platform. NFTs allow artistes, especially upcoming ones, to create an ecosystem that allows genuine fans to buy into their market.", 8 | }, 9 | { 10 | title: "02/", 11 | description: 12 | "NFT gives all the power to creators. Anyone upcoming artiste can do their stuff on-chain, making them more independent and freeing them from unfavorable deals from record labels. ", 13 | }, 14 | { 15 | title: "03/", 16 | description: 17 | "A positive NFT-fueled change in the music market can upstage crypto adoption at large.", 18 | }, 19 | ]; 20 | 21 | export default function Community() { 22 | return ( 23 |
24 |
25 | 26 |
27 |
28 |

29 | Engage your Fans with community{" "} 30 |

31 |
32 | {data.map((n, index) => { 33 | return ( 34 |
35 |

{n.title}

36 |

{n.description}

37 |
38 | ); 39 | })} 40 |
41 |
42 |
43 | ); 44 | } 45 | -------------------------------------------------------------------------------- /template-7/styles/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | 6 | .gradientText { 7 | background: -webkit-linear-gradient(left, #6DC1DC, #A690FC,#FC96BB,#FFC397); 8 | background-clip: text; 9 | -webkit-background-clip: text; 10 | -webkit-text-fill-color: transparent; 11 | } 12 | 13 | .gradientbutton { 14 | color: white; 15 | background: -webkit-linear-gradient(left, #ff8867, #ff52ff); 16 | background-size: 200% 200%; 17 | animation: gradient-animation 4s ease infinite; 18 | } 19 | 20 | 21 | 22 | @-webkit-keyframes AnimationName { 23 | 0%{background-position:0% 42%} 24 | 50%{background-position:100% 59%} 25 | 100%{background-position:0% 42%} 26 | } 27 | @-moz-keyframes AnimationName { 28 | 0%{background-position:0% 42%} 29 | 50%{background-position:100% 59%} 30 | 100%{background-position:0% 42%} 31 | } 32 | @-o-keyframes AnimationName { 33 | 0%{background-position:0% 42%} 34 | 50%{background-position:100% 59%} 35 | 100%{background-position:0% 42%} 36 | } 37 | @keyframes AnimationName { 38 | 0%{background-position:0% 42%} 39 | 50%{background-position:100% 59%} 40 | 100%{background-position:0% 42%} 41 | } 42 | 43 | 44 | @-moz-keyframes gradient-animation { 45 | 0% { 46 | background-position: 0% 50%; 47 | } 48 | 50% { 49 | background-position: 100% 50%; 50 | } 51 | 100% { 52 | background-position: 0% 50%; 53 | } 54 | } 55 | @keyframes gradient-animation { 56 | 0% , 50% { 57 | background-position: 100% 50%; 58 | } 59 | 60 | 100% { 61 | background-position: 0% 50%; 62 | } 63 | } 64 | -------------------------------------------------------------------------------- /template-9/components/Hero.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/no-unescaped-entities */ 2 | /* eslint-disable @next/next/no-img-element */ 3 | /* eslint-disable jsx-a11y/alt-text */ 4 | import React from "react"; 5 | 6 | export default function Hero() { 7 | return ( 8 |
9 |
10 | 11 |
12 |
13 |

14 | Exclusive NFT for Digital and Real-world Assets 15 |

16 |

17 | The world's first non-fungible token (NFT) marketplace for both 18 | digital and physical assets. 19 |

20 |
21 | 29 | 35 |
36 |
37 |
38 | ); 39 | } 40 | -------------------------------------------------------------------------------- /template-13/public/FedEx.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /template-2/components/Hero.tsx: -------------------------------------------------------------------------------- 1 | export default function Hero() { 2 | return ( 3 |
4 |
5 |
6 |
7 |
8 |

9 | Hey, Im Deepanshu 10 |

11 |
12 |
13 |

14 | a self-taught designer 15 |

16 |
17 |
18 |

19 | & front-end developer. 20 |

21 |
22 |
23 | 31 |
32 |
33 | 38 |
39 |
40 |
41 | ); 42 | } 43 | -------------------------------------------------------------------------------- /template-4/components/Hero.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default function Hero() { 3 | return ( 4 |
5 |
6 |
7 |

8 | Music for NFT creators. 9 |

10 | 11 |

12 | Digital Music for fans. 13 |

14 |

15 | Music NFTs will continue to revolutionize the way that artists and 16 | fans create community together as we enter the upcoming year — 17 | undoubtedly changing the trajectory of countless budding music 18 | careers.{" "} 19 |

20 |
21 | <> 22 | 26 | 27 | <> 28 | 31 | 32 |
33 |
34 |
35 | 36 |
37 |
38 |
39 | ); 40 | } 41 | -------------------------------------------------------------------------------- /template-3/components/About.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | const AboutData = [ 3 | { 4 | sortDescription: 5 | "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et risus sapien. Aliquam tempus sapien non laoreet posuere. ", 6 | description: 7 | "I have been waiting. I've been waiting all day. Waiting for Gus to send one of his men to kill me. And it's you. Who do you know, who's okay with using children, Jesse? Who do you know… who's allowed children to be murdered… hmm? Gus! He has, he has been ten steps ahead of me at every turn.", 8 | }, 9 | ]; 10 | export default function About() { 11 | return ( 12 |
13 |
14 |
15 |

16 | A Little Bit About Me 17 |

18 |

19 | {AboutData[0].sortDescription} 20 |

21 |

{AboutData[0].description}

22 | 23 | 27 | Contact Me 28 | 29 |
30 | 31 |
32 | 36 |
37 |
38 |
39 | ); 40 | } 41 | -------------------------------------------------------------------------------- /template-10/components/NavComponent.tsx: -------------------------------------------------------------------------------- 1 | import React, { useRef, useState } from 'react' 2 | import useOnClickOutside from './useOnClickOutside' 3 | 4 | import Link from 'next/link' 5 | 6 | const navData = [ 7 | { 8 | name: 'Home', 9 | href: '#home', 10 | }, 11 | { 12 | name: 'Work', 13 | href: '#work', 14 | }, 15 | { 16 | name: 'About', 17 | href: '#about', 18 | }, 19 | { 20 | name: 'Contact', 21 | href: '#contact', 22 | }, 23 | ] 24 | 25 | export default function NavComponent() { 26 | // Create a ref that we add to the element for which we want to detect outside clicks 27 | const ref = useRef(null) 28 | 29 | // State for our modal 30 | const [isModalOpen, setModalOpen] = useState(false) 31 | // Call hook passing in the ref and a function to call on outside click 32 | useOnClickOutside(ref, () => setModalOpen(false)) 33 | 34 | return ( 35 |
36 |
37 |
38 |

Agency

39 |
40 |
41 | {navData.map((n, index) => { 42 | return ( 43 | 44 |

{n.name}

45 | 46 | ) 47 | })} 48 |
49 |
50 | 56 |
57 |
58 |
59 | ) 60 | } 61 | -------------------------------------------------------------------------------- /template-3/components/Testimonial.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export default function Testimonial() { 4 | return ( 5 |
6 |
7 |

8 | What our customers are saying about us 9 |

10 |
11 |
12 |
13 |
14 |

15 | The Lorem Ipsum Company has been an integral part of our content 16 | marketing success. We have seen a notable increase in organic 17 | leads since we began using their services in 2012. 18 |

19 |
20 | 21 |

Leroy Jenkins

22 |
23 |
24 |
25 |

26 | My busy schedule leaves little, if any, time for blogging and 27 | social media. The Lorem Ipsum Company has been a huge part of 28 | helping me grow my business through organic search and content 29 | marketing 30 |

31 |
32 | 33 |

Leroy Jenkins

34 |
35 |
36 |
37 | ); 38 | } 39 | -------------------------------------------------------------------------------- /template-13/components/About.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/no-img-element */ 2 | import React from "react"; 3 | 4 | export default function About() { 5 | return ( 6 |
10 |
11 |

12 | A bit about me 13 |

14 |

15 | I am a UI/UX designer who is passionate about creating{" "} 16 | 17 | beautiful and joyful digital experiences. Besides design, I love 18 | music, games and travelling. 19 | 20 |

21 |
22 | <> 23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | 37 | Image 38 |
39 | 40 |
41 | ); 42 | } 43 | -------------------------------------------------------------------------------- /template-8/components/Hero.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/no-unescaped-entities */ 2 | import React from "react"; 3 | 4 | export default function Hero() { 5 | return ( 6 |
7 |
8 |
9 |
10 |
11 |

Hello!👋🏻

12 |

My name is Kumar Deepanshu

13 |

14 | I'm a Front End Developer 15 |

16 |
17 |
18 | 19 |
20 |

21 | Let me help you grow your business and make your product look pretty 22 | while at it{" "} 23 |

24 |
25 | <> 26 |
27 | 28 |
29 |
30 |

Say Hello

31 |
32 |
33 |
34 | 35 |
36 |
37 | ); 38 | } 39 | -------------------------------------------------------------------------------- /template-4/components/Footer.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export default function Footer() { 4 | return ( 5 | <> 6 |
7 |

Shape the NFT Music

8 | 9 | 48 |
49 | 50 | ); 51 | } 52 | -------------------------------------------------------------------------------- /template-5/components/ExploreCollections.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { ExploreCollectionsCard } from "./NftComponents"; 3 | 4 | const buttonStyle = `gradient font-orbitron font-semibold border border-gray-400 md:w-[270.12px] md:h-[78px] my-5 w-[152.52px] px-20 flex justify-center items-center py-5 mx-4 rounded-xl`; 5 | 6 | export default function ExploreCollections() { 7 | return ( 8 |
9 |

10 | Explore Collections 11 |

12 |
13 |
14 | 15 | 16 | 17 | 18 | 19 | {" "} 20 | 21 | 22 |
23 |
24 | explore.png 25 |
26 |
27 |
28 |

29 | Explore Collections 30 |

31 |
32 |
33 | 34 | 35 | 36 | 37 | 38 | 39 |
40 |
41 |
42 |
43 | ); 44 | } 45 | -------------------------------------------------------------------------------- /template-2/components/Contact.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @next/next/no-img-element */ 2 | /* eslint-disable react/no-unescaped-entities */ 3 | export default function Contact() { 4 | return ( 5 |
6 |
7 |
8 |

9 | Let's talk! 10 |

11 |
12 | 17 |
18 |
22 |
23 | 26 | 32 |
33 |
34 | 37 | 42 |
43 |
44 | 47 | 51 |
52 | 58 |
59 |
60 | ); 61 | } 62 | --------------------------------------------------------------------------------