Animista

Animista جاییه که که شما میتونین با یک مجموعه فوق العاده از انیمیشن های CSS کار کنین، تغییرشون بدین و سورس کد اون چیزی که میخواین استفاده کنین رو دانلود کنین.

Easing Functions Cheat Sheet

با این ابزار میتونین انیمیشن ها رو با یک تابع کمکی واقعی تر کنین.

LightBox

بسته ای از انیمیشن های دوبعدی و طراحی شده با دست.

Lottie

یک کتابخانه موبایلی برای اندروید و iOS که انیمیشن های Adobe After Effect رو به عنوان json با Bodymovin تحلیل میکنه و اون ها رو روی موبایل و وب تفسیر میکنه.

Mantra

یک ابزار ساخت انیمیشن با جداول زمانی مبتنی بر وب.

Animate.Css

یک کتابخانه کراس بروزر از انیمیشن های CSS که کار کردن و استفاده ازش خیلی راحته.

BeatFlyer

یک ابزار وب که به شما اجازه میده که از ترکیب لایه ها انیمیشن های سریع و جذاب بسازین.

Flare

یک ابزار طراحی و انیمیشن قدرتمند که به طراحان و توسعه دهنده ها اجازه میده که برای بازی ها و اپلیکیشن هاشون انیمیشن بسازن.

GSAP

یک ابزار عالی برای انیمیشن های با کارایی بالا نوشته شده با HTML5 در همه مرورگرها.

Keyframes.App

یک راه ساده برای ساخت انیمیشن های CSS با یک جدل زمانی دیداری.

Stylie

یک ابزار ساخت انیمیشن برپایه گرافیک وب CSS3 .

Svg Backgrounds

SVG Background شامل یک مجموعه از الگوهای تکرارشده مبتنی بر SVG قابل سفارشی سازی و پس زمینه برای وبسایت ها و بلاگ هاست.

Trianglify

Trianglify.io یک ابزار برای تولید الگوهای مثلثی و چند ضلعیه که میتونه به عنوان والپیپر و پس زمینه سایت استفاده بشه.

CSS Background Pattern Generator

یک ابزاره که میتونه الگوها و پس زمینه برای CSS تولید کنه.

Hero Patterns

یک مجموعه از الگوهای پس زمینه قابل تکرار برای شما فراهم میکنه که میتونین ازش توی پروژه های وبتون استفاده کنین.

Nivo

Nivo یک مجموعه غنی از اجزای داده ای ساخته شده با بهترین کتابخانه های جذاب سه بعدی و React.js رو برای شما فراهم میکنه.

FastCharts

اطلاعاتتونو آپلود کنین و جدولشو بگیرین!

SVG Charting Libraries

با وجود کتابخانه های جدول بندی توی این ابزار دیگه هیچ کم و کسری توی وب وجود نداره. این عالیه! رقابت برای مصرف کننده ها خیلی مفیده چون کیفیت رو بالا نگه میداره.

Emmet Cheat Sheet

رمزهای کلیدی کدنویسی یابه عبارتی میانبرهای کدنویسی رو بهتون یاد میده.

Devhints

یک سایت شامل یک مجموعه از ابزارهای توسعه وبه.

CSS Cheat Sheet

میانبرهای کدنویسی CSS رو براتون فراهم کرده.

Carbon

یک ابزار که میتونه از کدهای منبعتون عکس های زیبا بسازه و به اشتراک بزاره.

Glorious.Codes

آسون ترین راه ساخت انیمیشن برای نمایش عکس العمل کدهاتون.

Colorwise

یه ابزار که مشخص میکنه کاربران از چه طیف رنگ هایی بیشتر خوششون میاد.

Colour Cafe

رنگ های الهام گرفته از رنگ های مدرن توی اینستاگرام رو برای شما فراهم کرده.

Geenes

یک ابزار برای ساخت تم های رنگی با کد اون ها.

Paletton

یک ابزار طراحی برای ساخت ترکیب های رنگی که با هم به خوبی کار کنن.

Vaunt.Io

Vaunt یک اپلیکیشنه که دامنه های رنگی رو از هر تصویری که بخواین براتون استخراج میکنه.

BrandColors

بزرگترین مجموعه از کد رنگ های برند.

Color

یک ابزاره که با ترکیب هزاران رنگ مختلف شماهای رنگی میسازه.

Color By Cloudflare

یک ابزار برای پیش نمایش پالت های رنگی در مقابل اجزای UI از طریق URL یا ساخت اون ها.

Color Leap

یه چرخی بزنین و رنگای تاریخی بسازین.

Colormind

Colormind یک تولید کننده شمای رنگیه که عمیقا رنگ هارو تقلید میکنه. اون میتونه استایل های رنگی رو از تصاویر، فیلم ها و آثار هنری مشهور تقلید کنه.

Picular

یک تولید کننده رنگ سریع که از تصاویر گوگل استفاده میکنه.

Eruda

یک کنسول برای مرورگرهای موبایلیه.

One Page Love

یک مجموعه منحصر به فرد و زیبا از وبسایت های یک صفحه ای برای الهام گرفتن از طراحی صفحات وب.

Owwly

خانه محصولات دیجیتالی ساخته شده با عشق برای طراحی.

Pttrns

یک ابزار برای طراحی نمونه برای اپلیکیشن های موبایلی.

Really Good Emails

۴۱۵۰ طراحی ایمیل در اون وجود داره.

ReallyGoodUX

یک ابزار شامل اسکرین شات ها و مثال هایی از UX های فوق العاده موبایل و تولیدات وبه.

UI Garage

یک فروشگاه برای طراحان، توسعه دهنده ها و بازاریاب ها برای پیدا کردن ایده، ابزار و بهترین منابع.

UI Recipes

درس های ۱۵ دقیقه ای هفتگی درباره طراحی UI از روی بهترین پلیکیشن ها.

UX Archive

جریان کاری بیش از ۴۰۰ کاربر توی ۱۲۰ اپلیکیشن موبایلی رو میتونین اینجا ببینین. میتونین کارهایی مثل نوشتن، لاگین، ثبت و سفارش خرید، سرچ کردن و … رو اینجا تست کنین.

Waveguide

یک بانک دانش طراحی با هزاران مثال از تجارب ساخت محصولات و برند ها.

Web Design Museum

بیش از ۱۲۰۰ وبسایت رو نشون میده که که نرندهای طراحی سایت رو از سال ۱۹۹۴ تا ۲۰۰۶ نمایش میدن.

Behance

یک پلتفرم آنلاین برای نمایش و کشف کارهای خلاقانه.

CodeMyUI

یک مجموعه گلچین شده از طراحی های وب و UI با قابلیت کپی کدهای اون ها.

Collect UI

یک پلتفرم برای ایده گرفتن روزانه که UI های روزانه رو جمع میکنه. طبق آمارهای داده شده،۱۴۴۱۹ طرح طراحی شده در اون وجود داره.

Creative Portfolios

A curation of the most creative portfolios made by designers & developers.

Dribbble

یک ابزار آنلاین برای نمایش کارهای ساخته شده توسط کاربرانه که یک منبع عالی برای ایده گرفتنه.

Inspiration UI

یک ابزاره که به افرادی که میخوان طراحی وب انجام بدن کمک میکنه تا منبع بهترین طراحی ها رو پیدا کنن.

Httpster

یک منبع پر از ایده سایت هایی که توسط مزدم در سراسر جهان تولید شدن رو به نمایش گذاشته.

H69.Design

مجموعه ای از صفحات وبی که الان دارن کار میکنن و منابع رایگان برای طراحان.

Lapa Ninja

یک سایت پر از ایده های طراحی صفحات مشغول به کار. ۱۸۰۰ مثال از سایت های مشغول به کار داره و هرروز بروزرسانی میشه.

Mobbin

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

StackBlitz

آینده رو کد بزن. توی مرورگرتون اپلیکیشن های فول استک بسازین و ویرایش کنین البته فقط با یک کلیک!

Tui Editor

یک ویرایشگر Wysiwyg – سازنده و قابل گسترش.

Trix

متن های قالب بندی شده بسیار زیبا رو ترکیب کنین و توی اپلیکیشنتون بزارین. Trix  یک ویرایشگره که برای نوشتن پیام، کامنت، مقاله، و لیست ها استفاده میشه و یک مدل پیچیده مستندسازی رو پیاده میکنه که Html از اون پشتیبانی میکنه.

Editor.Js

یک ویرایشگر استایل دهی شده با خروجی JSON .

Notion

یک فضای کاری که همه چیزو یک جا داره. یادداشت ها، وظایف، ویکی ها و پایگاه داده ها….

The ORY Editor

این ویرایشگر نوشته شد چون ما به یک راه حل برای ویرایش محتوای مدرن و قوی برای پلتفرم آموزشی serlo.org نیاز داشتیم.

List Of All Emojis

همونطور که اسمش مشخصه یک لیست از اموجی هاست که میتونین اون ها رو داخل پروژتون کپی و پیست کنین.

Emoji Builder

با این ابزار میتونین ایموجی های موردعلاقه و مخصوص به خودتونو بسازین.

Flexible Boxes

باکس های انعطاف پذیر و قابل تغیریا flexbox ها که توسط ویل استون ارائه شدن.

Flexbox Playground

یک ابزار برای بازی با باکس ها که توی codepen و توسط Gabi ارائه شده.

Flexbugs

یک لیست جامع از مشکلات Flexbox های کراس بروزر و راه حل هاشون.

Flexbox Froggy

یک بازی برای یادگیری فلکس باکس های CSS .

Flexbox Cheatsheet Cheatsheet

build your own favorite emoji!

Emoji Builder

با این ابزار میتونین ایموجی های موردعلاقه و مخصوص به خودتونو بسازین.

Build With Flexbox

یک ابزار برای ساخت فلکس باکس هاس تعاملی برای وب و React Native

Flexplorer

برین داخل این سایت و از مدل های باکس های انعطاف پذیر یا همون flexbox ها  لدت ببرین.

Flexbox Defense

یک بازی برای یادگیری فلکس باکس های CSS .

Flexbox In Gifs

این ابزار به شما نشون میده که Flexbox با گیف های رنگی و بزرگ و پویانمایی شده چجوری کار میکنه.