Harika tasarımcılar ve geliştiriciler her gün yeni projeler yayınlıyor, bu da bizi heyecanlandırıyor, ilham veriyor ve sık sık biraz etkileniyor.

Bugün web tasarımcıları için en iyi ücretsiz kaynaklardan aylık eklentilerimizi, eklentiler, galeriler, simgeler, WordPress temaları, şablonlar ve bir ay içinde kullanabileceğinizden daha fazla araç içeren bir koleksiyonla devam ediyoruz. Bu koleksiyonun başlayacağı bir şey varsa, 2015 web tasarım kaynakları için harika bir yıl olacak şekilde şekilleniyor. Keyfini çıkarın!

icono

SVG, yazı tipi veya başka bir şey için gerek kalmadan saf CSS ile oluşturulan bir simge kümesi.

icono

Düz Metin Simgeleri

Her türlü yazı ve kırtasiye eşyası tasvir eden, tamamen düz bir görünümle simgelerin modern bir koleksiyonu.

Düz Metin Simgeleri

Nexus 6 Şablonları

Tasarımlarınızı bir Nexus 6 akıllı telefonunda, kolay kullanım için akıllı nesneler de içeren sekiz farklı model.

Nexus 6 Şablonları

Kroki için düz UI Renk Paleti

Bu serin renk paletini uygulayarak bir sonraki Sketch projeniz için doğru tonları alın.

Kroki için düz UI Renk Paleti

Apple Watch UI Seti

Adobe Illustrator için cihaz için her türlü tasarım ve model oluşturmanızı sağlayan bir UI seti.

Apple Watch UI Seti

Uygulama Ekranları Perspektif Maketi

Bir sonraki uygulamanızı veya tasarımınızı ilginç, çok ekranlı bir perspektifle göstermek için güzel görünümlü bir mockup.

Uygulama Ekranları Perspektif Maketi

Nexus 5 Tel Çerçeve

Photoshop'taki Nexus 5 içeriğinin wireframing için temiz bir kaynağı.

Nexus 5 Tel Çerçeve

Publica UI Takımı

Hem Photoshop hem de Illustrator formatlarında bulunan zarif bir bileşen tabanlı UI kiti. Çoğunlukla siyah beyaz, nötr kalıyor ve yapmak istediğiniz herhangi bir değişikliğe açık.

Publica UI Takımı

Malzeme Tasarımı UI Seti

Google'ın Materyal tasarım felsefesini izleyen arayüzler üretmek için bu tasarım öğeleri kümesini kullanın.

Malzeme Tasarımı UI Seti

IPhone Altın UI Seti

Apple'ın akıllı telefonunun altın versiyonu ile birlikte göz alıcı bir UI öğeleri kümesi.

IPhone Altın UI Seti

Baykal UI Takımı: Örnekler

Baykal UI kitinin ücretsiz sürümü, tam sürümde mevcut birçok unsurun örnekleri dahil.

Baykal UI Takımı: Örnekler

Şeffaf UI Seti Şekiller

Keskin, modern bir görünüm sağlamak için asetat içeren güzel bir UI seti.

Şeffaf UI Seti Şekiller

Reis Yazı Tipi

Başlıklar ve büyük metin için mükemmel bir el yapımı yazı. TTF ve OTF formatlarında mevcuttur.

Reis Yazı Tipi

KINO 40 Yazı Tipi

Kişisel ve ticari kullanım için ücretsiz bir el yazısı yazı tipi.

KINO 40 Yazı Tipi

Panton

Modern görünümlü bir yazı tipi ailesi, başlıklar için uygun ve dört serbest ağırlık sunuyor.

Panton Yazı Tipi

Bakersfield Font Ailesi

Tamamen ücretsiz olarak en yaygın iki ağırlığın ikisini sunan bir yazı tipi ailesi.

Bakersfield Font Ailesi

Sunday Fontları

Çizim ve yazı birleştirmek için bir araç olarak oluşturulan ilginç bir elle çizilmiş yazı tipi.

Sunday Fontları

PH CV Şablonu

PSD formatında çok amaçlı bir vCard için bir şablon. Tüm bilgilerinizi, içerdiği 11 dosyaya yerleştirebilirsiniz.

PH CV Şablonu

Seyahat Web Sitesi Açılış Sayfası PSD

Photoshop'ta tamamen düzenlenebilir, seyahat odaklı bir web sitesi için ilginç bir tasarım.

Seyahat Web Sitesi Açılış Sayfası PSD

Foliac Portföyü PSD Template

Bir sonraki portföy web siteniz için PSD formatında gelen temiz ve modern bir şablon.

Foliac Portföyü PSD Template

FitLife Bir Sayfa PSD Şablonu

Bir spor salonu, kulüp, antrenör vb. Olsun, fitness odaklı bir amaçla web siteleri oluşturmak için eksiksiz bir şablon.

FitLife Bir Sayfa PSD Şablonu

Fontana WordPress Teması

Arama, Flickr, videolar ve daha fazlası için basit bir düzen ve çeşitli widget'lar içeren içerik odaklı bir WordPress teması.

Fontana WordPress Teması

Aydınlanma WordPress Tema

Temiz, basit bir düzen, ekran geniş kaydırıcısı, portföy bölümü ve daha fazlasını içeren basit ve çok amaçlı bir tema.

Aydınlanma WordPress Tema

Creativs: PSD ve HTML5 Web Sitesi Şablonu

Hem PSD hem de HTML5 sürümlerinde gelen, yaratıcı projelerde yer alan kişiler için eksiksiz bir şablon.

Creativs: PSD ve HTML5 Web Sitesi Şablonu

Oleose: Mobil Uygulama Açılış Sayfası

En yeni uygulama sürümünüz için iyi görünümlü bir açılış sayfası. Tamamen duyarlı ve Bootstrap 3 ile inşa edilmiştir.

Oleose: Mobil Uygulama Açılış Sayfası

CSS3 Düz Simgeler

Gölgeler ve parlak renkler de dahil olmak üzere son derece detaylı bir simge seti, CSS3'ten başka bir şeyle geliştirildi.

CSS3 Düz Simgeler

Düz Firefox

Tamamen düz bir tasarıma sahip bir Firefox penceresini tasvir eden saf CSS kullanan basit bir tasarım.

Düz Firefox

Saf CSS3 Sekmeleri

CSS3'ten başka bir şeyle oluşturulmayan basit ve düzgün bir sekmeli gezinme.

Saf CSS3 Sekmeleri

Genişleyen CSS3 / JQuery Paneli

Birden fazla renk ve şekillerde ilginç bir panel seti. Çalışmak için CSS3 ve biraz jQuery kullanır.

Expansing CSS3 / JQuery Paneli

Animasyonlu Paylaşma Düğmesi

CSS ve jQuery kullanarak güzel bir animasyonlu sosyal paylaşım düğmesi.

Animasyonlu Paylaşma Düğmesi

100 Turizm ve Seyahat Simgeleri

PNG ve SVG formatlarında sunulan seyahat ve turizm ile ilgili oldukça büyük bir simge seti.

100 Turizm ve Seyahat Simgeleri

CSS Avatarları

Tamamen CSS ile oluşturulan son derece detaylı avatar suratlar ilginç bir dizi.

CSS Avatarları

Dillinger: Çevrimiçi Markdown Editör

Masaüstü veya mobil cihazları kullanarak bulutta HTML5'i düzenleyin ve içeriğinizi bu AngularJS destekli düzenleyiciyle çevrimdışı kaydedin.

Dillinger: Çevrimiçi Markdown Editör

PHP web uygulamanızı Windows, Mac ve Linux'a dönüştürün

PHP, HTML, JavaScript ve CSS'de uygulamalar geliştirin ve daha sonra bunları Windows, Mac ve Linux'ta yerel olarak çalıştırın.

PHP Web Uygulamanızı Windows, Mac ve Linux'a Dönüştürün!

Özel bir çevrimiçi hesap oluştur

Bu açık kaynaklı projeyle hem masaüstü hem de mobil cihazlarda kendi hesap makinelerinizi çevrimiçi oluşturun.

Özel Çevrimiçi Hesap Makinesi Oluşturun

Postatic: topluluğunuza başlamak için ihtiyacınız olan her şey

Hacker News benzeri bir yaklaşımla kendi topluluk sitenizi oluşturmak için bir araç.

Postatic: Topluluğunuza Başlamanız Gereken Her Şey

CSS Gradient Animator

Saf CSS kullanarak yumuşak animasyonlar kullanarak ve hızı ve açıları özelleştirerek bir eğimden diğerine geçin.

CSS Gradient Animator

Tuxedo.js

React ve Flux üzerine inşa edilmiş özelliklerle dolu bir çerçeve.

Tuxedo.js

MINI 2

Hızlı ve basit projeler için mega basit bir PHP uygulaması.

MINI 2

CSS ön işlemcileri karşılaştır

Hangisinin projelerinize daha iyi uyduğunu görmek için üç ana CSS önişlemcisini (Daha Az, Sass ve Stylus) karşılaştırın.

CSS PRE işlemcilerini karşılaştırın

CSS Tetikleyicileri

Çeşitli CSS özelliklerini değiştirerek ek değişikliklerin nasıl tetiklendiğini bilmek için harika bir referans sayfası.

CSS Tetikleyicileri

sarsılmaz

Yapılandırma hakkında endişelenmeden Express sunucuları oluşturma sürecini hızlandıran bir araç.

sarsılmaz

Dropzone.js

Görüntü önizlemeleri ve ilginç vurgulu efektler dahil olmak üzere sürükle ve bırak yükleme etkileşimleri oluşturmak için pürüzsüz bir kütüphane.

Dropzone.js

Labelauty jQuery Eklentisi

Bu jQuery eklentisi sayesinde onay kutularına ve radyo düğmelerine çarpıcı bir görünüm verin.

Labelauty JQuery Eklentisi

WOW.js: kaydırma yaparken animasyonları gösterme

Kullanıcı, sitenizin bir bölümünde gezinir ve gecikme, stil, uzunluk ve daha fazlası gibi özellikleri özelleştirdiğinde animasyonları tetikler.

WOW.js: Kaydırırken Animasyonları Göster

TextAssist (jQuery, HTML / CSS, JavaScript)

Belirli bir metin bölümünü vurgulayan kullanıcılara özel seçenekler sunun.

TextAssist (jQuery, HTML / CSS, JavaScript)

LazySizes

Duyarlı elemanlar dahil olmak üzere görüntüler, iframe'ler, widget'lar ve daha fazlası için tembel bir yükleyici. Projenize bağlı olarak farklı yükleme teknikleri uygulayın.

LazySizes

CSS3 Destekli Vurgulu Etkileri

Sass, LESS ve CSS kullanarak projenizdeki elemanlara çok miktarda CSS vurgulu etkisi uygulayın.

CSS3 Destekli Vurgulu Etkileri

Snabbt.js

Projenizin öğeleri için basit animasyonlar yapmanıza olanak veren harika bir JavaScript kütüphanesi.

Snabbt.js

Plottable.js

Web projelerinize entegre etmek için güzel, renkli ve etkileşimli grafikler oluşturun

Plottable.js

Chroma.js

Rengini çeşitli yollarla değiştirmek için bu JavaScript kütüphanesini kullanın.

Chroma.js

Flickity: harika galeri aracı

Bu araç, kullanıcıların herhangi bir cihaz üzerinde çalışan galeriler oluşturmasına olanak tanır ve kullanıcıların parmaklarıyla veya fareyle onlara geçiş yapmasına olanak tanır.

Flickity: İnanılmaz Galeri Aracı

Deck.js

HTML sunumları için çok kullanışlı bir kütüphane. Kolay gezinme için klavye veya dokunmatik hareketlerle kontrol edilebilirler.

Deck.js