Pine
Responsive CSS Framework ( PineCSS )
Install / Use
/learn @PineCSS/PineREADME

PineCSS
Kolay kullanımlı responsive destekli CSS Kütüphanesi.
Hemen başlamak için http://pinecss.com adresindeki dökümantasyon kısmına göz ata bilirsiniz
Hemen Başla
Sayfanıza alttaki şekilde pine'ı dahil ede bilirsiniz.
<link rel="stylesheet" href="http://pinecss.com/v/2.0/pine.css"/>
Daha hızlı bir pine için sıkıştırılmışını terci edebilirsiniz.
<link rel="stylesheet" href="http://pinecss.com/v/2.0/pine.min.css"/>
Javascript Kütüphanesini altta ki şekilde dahil edebilirsiniz.
<link rel="stylesheet" href="http://pinecss.com/v/2.0/pine.js"/>
Daha hızlı bir pine için sıkıştırılmışını terci edebilirsiniz.
<link rel="stylesheet" href="http://pinecss.com/v/2.0/pine.min.js"/>
Not : Javascript kütüphanesi dahil etmeden önce jQuery kütüphanesini dahil etmeniz gerekir. Bower ile yükleme
bower install pinecss
Composer ile yükleme
composer require pine-css/pine
İndirdiklerim ne ?
indirdiğiniz dosyaların ağaç görünümü alttadır ve detayları yanlarında yazmaktadır.
Pine/
├── index.html ( Boş Sayfa )
└── css/
└── pine.css ( Pine dosyası)
└── pine.min.css ( Küçültülmüş Pine Dosyası )
└── js/
└── pine.js ( PineJS dosyası)
└── pine.min.js ( Küçültülmüş PineJS Dosyası )
License
Lisans Detayları -> ( EN ) open-source MIT license.
Geliştirmen
Author: Savaş Can ALTUN
Related Skills
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.1kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
openpencil
2.1kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
