Build and Deploy a Portfolio Website Using #NextJS, Tailwind #CSS & Framer Motion

Code
Download Assets


💎 Channel: @htmlcss_channels

Create a RESPONSIVE NAVBAR with sidebar animation (CSS ONLY)


Code


💎 Channel: @htmlcss_channels

Build a Single Page Application with JavaScript (No Frameworks)

Code


💎 Channel: @htmlcss_channels

Color Palette Generator | #HTML #CSS #JavaScript



💎 Channel: @htmlcss_channels

UI/UX Designers and Developers, I recently found a new website for collections of beautiful fonts and font pairing.



website → https://fontshare.com

💎 Channel: @htmlcss_channels

React Project Tutorial: Build a Responsive Portfolio Website w Advanced Animations

Code


💎 Channel: @htmlcss_channels

UI/UX Designers, I recently found a cool site for navigation menu inspiration, featuring beautiful menus, mega menus, dropdowns, sidebars, and more.

Website https://navbar.gallery

💎 Channel: @htmlcss_channels

Top 6+ JavaScript Libraries for Data Visualization

https://morioh.com/p/6c0728816652?f=5c21fb01c16e2556b555ab32



💎 Channel: @htmlcss_channels

UI/UX Designers, here is my favorite color generator tool I do recommend for every designer.



Website → https://randoma11y.com

💎 Channel: @htmlcss_channels

Here are some top websites for generating patterns that every UI/UX designer should know.

1⃣ Pattern Monster → https://pattern.monster

2⃣ Super Designer → hhttps://superdesigner.co
3⃣ Visiwig → https://visiwig.com

4⃣ Hero Patterns → https://heropatterns.com

5⃣ Tabbied → https://tabbied.com

6⃣ PatternKid → https://patternkid.com


اگه برات مفید بود، لایک و اشتراک‌گذاری یادت نره 😍✌️

💎 Channel: @htmlcss_channels

معرفی منابع تمپلت های رایگان HTML/CSS/JS


— LayoutFlow — templates for agency, portfolio and service sites.

— Treact — React templates.

— Flout UI — Tailwind components and ready-made Next.js templates

— Themesberg — templates for admin panels, landing pages and UI kits.

— Templatemo — many Bootstrap templates.

— HTMLrev is the largest library of templates with all kinds of technologies.

#frontend


اگه برات مفید بود، لایک و اشتراک‌گذاری یادت نره 😍✌️

💎 Channel: @htmlcss_channels

📂 Frontend Development
∟📂 Learn HTML
∟📂 Learn CSS
∟📂 Learn JavaScript
∟📂 Learn React
∟📂 Learn Redux
∟📂 Learn TypeScript

📂 Backend Development
∟📂 Learn Node.js
∟📂 Learn Express.js
∟📂 Learn MongoDB
∟📂 RESTful APIs
∟📂 Authentication (JWT, OAuth)
∟📂 GraphQL
∟📂 SQL (e.g., MySQL, PostgreSQL)
∟📂 Database Design

رفقا این پکیج رایگانو برای دوستاتون هم بفرستید

ممنونم که کانال رو حمایت می‌کنید و لایک و اشتراک‌گذاری یادتون نمیره 😍✌️

💎 Channel: @htmlcss_channels

دوره رایگان آموزش طراحی سایت از وبسایت یودمی

Web Developer Course #HTML #CSS
#JavaScript : Learn Web Design

Guide to setting up a website learn about setting up a web business HTML CSS and JavaScript create your own website

https://t.co/lx5GatGsNv


💎 Channel: @htmlcss_channels

30+ Web Development Projects with Source Code


https://t.co/p2wcqpg4Gh

#پروژه
💎 Channel: @htmlcss_channels

از سری دوره های رایگان یودمی

👉Build a Quiz App with HTML, CSS, and JavaScript

Improve your core development skills by building a Quiz App with HTML, CSS, and JavaScript

https://t.co/WhVSnAhPH4



💎 Channel: @htmlcss_channels

Product Design Directory

Best free resources for digital product designers

→ https://www.cursorup.com/resources



#ux #uxui #uxdesign


💎 Channel: @htmlcss_channels

از این سایتها برای یادگیری motion design استفاده کنید👇

1️⃣ Principles → https://motion.zajno.com
2️⃣ Inspiration → https://appmotion.design
3️⃣ Resources → https://motionimo.xyz

#معرفی_سایت
#design #ux #animation


#ui #uxui #uxdesign


💎 Channel: @htmlcss_channels

📌 Free UX templates and guides

این پکیج برای ایده‌گرفتن خوبه از تمپلت های رایگان و به روزش برای طراحی محصول استفاده کنید


Link below 👇

https://www.nngroup.com/articles/free-ux-templates

#ux #uxdesign


💎 Channel: @htmlcss_channels

یک وب سایت جالب برای ایجاد گرادینت های متحرک زیبا

وب سایت → https://shadergradient.co

می توانید رنگ ها، اشکال و ویژگی های حرکت را سفارشی کنید. این ابزار در Figma نیز موجود است.


💎 Channel: @htmlcss_channels

لیستی از بهترین وب‌سایت‌های تولید رنگ
پیشنهاد میکنم بهنگام انتخاب پالت‌های رنگی برای پروژه بعدی طراحی UI خود از این سایت‌ها کمک بگیرید

1. Coolors → https://coolors.co

2. Color Hunt → https://colorhunt.co

3. Adobe Color →https://color.adobe.com

4.  Muzli Color → https://colors.muz.li

5. Colormind → https://colormind.io

6.colorKit → https://colorkit.co


اگه برات مفید بود، لایک و اشتراک‌گذاری یادت نره 😍✌️

💎 Channel: @htmlcss_channels