<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Himas Rafeek</title>
    <description>The latest articles on DEV Community by Himas Rafeek (@himasrafeek).</description>
    <link>https://dev.to/himasrafeek</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F172885%2Fd4ebccc2-232a-4332-83f8-39100f3d74db.png</url>
      <title>DEV Community: Himas Rafeek</title>
      <link>https://dev.to/himasrafeek</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/himasrafeek"/>
    <language>en</language>
    <item>
      <title>Boost Your Productivity with Free Online Tools from Nice Toolkit</title>
      <dc:creator>Himas Rafeek</dc:creator>
      <pubDate>Fri, 22 Nov 2024 12:05:12 +0000</pubDate>
      <link>https://dev.to/himasrafeek/boost-your-productivity-with-free-online-tools-from-nice-toolkit-ab8</link>
      <guid>https://dev.to/himasrafeek/boost-your-productivity-with-free-online-tools-from-nice-toolkit-ab8</guid>
      <description>&lt;p&gt;In today's fast-paced world, productivity is key. Whether you're a student, a professional, or a small business owner, having access to quick and reliable tools can make a significant difference. That’s where &lt;a href="https://nicetoolkit.com/" rel="noopener noreferrer"&gt;Nice Toolkit&lt;/a&gt; comes in—a one-stop destination for a wide range of free online tools designed to simplify your everyday tasks. Let’s dive into how these tools can save you time and effort.&lt;/p&gt;




&lt;h2&gt;
  
  
  &lt;strong&gt;Why Choose Nice Toolkit?&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Nice Toolkit offers a variety of AI-driven and manual tools that cater to a wide array of needs, from text manipulation to complex calculations. The platform is user-friendly, fast, and 100% free, making it accessible to everyone. Here’s a closer look at what it has to offer:&lt;/p&gt;




&lt;h2&gt;
  
  
  &lt;strong&gt;Top AI Tools to Supercharge Your Creativity&lt;/strong&gt;
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. &lt;a href="https://nicetoolkit.com/tools/free-ai-title-rewriter/" rel="noopener noreferrer"&gt;AI Title Rewriter&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Struggling to come up with catchy titles? The AI Title Rewriter can help you create polished, attention-grabbing headlines in seconds.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. &lt;a href="https://nicetoolkit.com/tools/free-ai-blog-title-generator/" rel="noopener noreferrer"&gt;AI Blog Title Generator&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Perfect for content creators and bloggers, this tool generates creative blog title ideas based on your keywords.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. &lt;a href="https://nicetoolkit.com/tools/free-ai-grammar-checker/" rel="noopener noreferrer"&gt;AI Grammar Checker&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Tired of grammatical errors ruining your work? This tool scans your text and suggests corrections instantly.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. &lt;a href="https://nicetoolkit.com/tools/free-ai-paragraph-rewriter/" rel="noopener noreferrer"&gt;AI Paragraph Rewriter&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Repurpose and enhance your content with this tool that rewrites paragraphs without losing their original meaning.&lt;/p&gt;




&lt;h2&gt;
  
  
  &lt;strong&gt;Text Tools to Simplify Your Tasks&lt;/strong&gt;
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. &lt;a href="https://nicetoolkit.com/tools/text-case-converter/" rel="noopener noreferrer"&gt;Text Case Converter&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Easily switch between uppercase, lowercase, and other text cases.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. &lt;a href="https://nicetoolkit.com/tools/free-words-counter/" rel="noopener noreferrer"&gt;Words Counter&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Need to count words or characters? This tool is a must for writers, students, and developers alike.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. &lt;a href="https://nicetoolkit.com/tools/upside-down-text-converter/" rel="noopener noreferrer"&gt;Upside Down Text Converter&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Add a fun twist to your text with this quirky tool that flips your text upside down.&lt;/p&gt;




&lt;h2&gt;
  
  
  &lt;strong&gt;Powerful Calculators for Everyday Use&lt;/strong&gt;
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. &lt;a href="https://nicetoolkit.com/tools/open-ai-fee-calculator/" rel="noopener noreferrer"&gt;Open AI Fee Calculator&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Easily calculate your token usage fees for OpenAI tools to manage your costs effectively.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. &lt;a href="https://nicetoolkit.com/tools/fiverr-fee-calculator/" rel="noopener noreferrer"&gt;Fiverr Fee Calculator&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Calculate Fiverr fees and earnings to plan your projects efficiently.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. &lt;a href="https://nicetoolkit.com/tools/paypal-fee-calculator/" rel="noopener noreferrer"&gt;PayPal Fee Calculator&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;This tool helps you calculate PayPal fees so you can plan your transactions without surprises.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. &lt;a href="https://nicetoolkit.com/tools/percentage-calculator/" rel="noopener noreferrer"&gt;Percentage Calculator&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Quickly compute percentages for discounts, profit margins, or statistical data.&lt;/p&gt;

&lt;h3&gt;
  
  
  5. &lt;a href="https://nicetoolkit.com/tools/age-calculator/" rel="noopener noreferrer"&gt;Age Calculator&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Determine your exact age in years, months, and days with this handy tool.&lt;/p&gt;

&lt;h3&gt;
  
  
  6. &lt;a href="https://nicetoolkit.com/tools/bmi-calculator-tool/" rel="noopener noreferrer"&gt;BMI Calculator Tool&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Easily calculate your Body Mass Index (BMI) to monitor your health.&lt;/p&gt;




&lt;h2&gt;
  
  
  &lt;strong&gt;Other Useful Tools&lt;/strong&gt;
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. &lt;a href="https://nicetoolkit.com/tools/qr-code-generator/" rel="noopener noreferrer"&gt;QR Code Generator&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Generate QR codes for your website, social media, or any custom URL in just a few clicks.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. &lt;a href="https://nicetoolkit.com/tools/unit-converter-tool/" rel="noopener noreferrer"&gt;Unit Converter Tool&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Convert units for length, weight, temperature, and more with this comprehensive tool.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. &lt;a href="https://nicetoolkit.com/tools/password-generator/" rel="noopener noreferrer"&gt;Password Generator&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Stay secure online by generating strong, unique passwords for all your accounts.&lt;/p&gt;




&lt;h2&gt;
  
  
  &lt;strong&gt;Additional Resources&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Beyond tools, Nice Toolkit provides valuable support for users through its additional pages:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Learn more &lt;a href="https://nicetoolkit.com/about/" rel="noopener noreferrer"&gt;About Us&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Get in touch via the &lt;a href="https://nicetoolkit.com/contact/" rel="noopener noreferrer"&gt;Contact Page&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Read the &lt;a href="https://nicetoolkit.com/faqs/" rel="noopener noreferrer"&gt;FAQs&lt;/a&gt; for common questions.&lt;/li&gt;
&lt;li&gt;Review the &lt;a href="https://nicetoolkit.com/terms-and-conditions/" rel="noopener noreferrer"&gt;Terms and Conditions&lt;/a&gt; to understand site usage.&lt;/li&gt;
&lt;li&gt;Check out the &lt;a href="https://nicetoolkit.com/privacy-policy/" rel="noopener noreferrer"&gt;Privacy Policy&lt;/a&gt; to see how your data is handled.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  &lt;strong&gt;Conclusion&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Whether you need a quick tool for calculations, an AI-driven solution to enhance your writing, or a secure way to generate passwords, &lt;a href="https://nicetoolkit.com/" rel="noopener noreferrer"&gt;Nice Toolkit&lt;/a&gt; has something for everyone. Bookmark the site and explore its diverse range of free tools to make your day-to-day tasks easier and more efficient.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>aitools</category>
      <category>freelance</category>
      <category>onlinetool</category>
    </item>
    <item>
      <title>Boost Your Productivity with NiceToolkit.com: Free Tools for Developers, Writers, and Freelancers</title>
      <dc:creator>Himas Rafeek</dc:creator>
      <pubDate>Tue, 22 Oct 2024 11:34:13 +0000</pubDate>
      <link>https://dev.to/himasrafeek/boost-your-productivity-with-nicetoolkit-free-tools-for-developers-writers-and-freelancers-4bbl</link>
      <guid>https://dev.to/himasrafeek/boost-your-productivity-with-nicetoolkit-free-tools-for-developers-writers-and-freelancers-4bbl</guid>
      <description>&lt;p&gt;&lt;strong&gt;Boost Your Productivity with NiceToolkit: Free Tools for Developers, Writers, and Freelancers&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;At &lt;strong&gt;NiceToolkit.com&lt;/strong&gt;, we provide a versatile set of &lt;strong&gt;free online tools&lt;/strong&gt; aimed at making everyday tasks easier for developers, content creators, freelancers, and anyone seeking efficiency. Whether you’re writing content, calculating fees, or performing quick calculations, our tools can save you time and effort. Here’s a deep dive into what you can find on our platform and why it’s valuable for your daily workflow.&lt;/p&gt;

&lt;h3&gt;
  
  
  AI Tools for Enhanced Content Creation
&lt;/h3&gt;

&lt;p&gt;Content creators, marketers, and SEO specialists know that crafting optimized, engaging content is crucial for online success. Our &lt;strong&gt;AI tools&lt;/strong&gt; allow you to streamline content generation, from crafting titles to enhancing grammar and reworking entire paragraphs. These tools are a must-have for developers working on content-heavy applications or for bloggers aiming to boost engagement.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://nicetoolkit.com/tools/free-ai-title-rewriter/" rel="noopener noreferrer"&gt;AI Title Rewriter&lt;/a&gt;&lt;/strong&gt;: Need to perfect your headlines? This tool allows you to optimize and rewrite titles for improved SEO and reader engagement.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://nicetoolkit.com/tools/free-ai-blog-titles-generator/" rel="noopener noreferrer"&gt;Blog Titles Generator&lt;/a&gt;&lt;/strong&gt;: Craft compelling, click-worthy blog titles with the help of AI, saving you time while enhancing your blog’s visibility.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://nicetoolkit.com/tools/free-ai-grammar-checker/" rel="noopener noreferrer"&gt;AI Grammar Checker&lt;/a&gt;&lt;/strong&gt;: Improve the readability of your content with this tool that quickly identifies grammatical errors.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Using these tools not only optimizes your content but also ensures your projects stay on track without sacrificing quality. This is particularly valuable for developers integrating content into apps or websites, where fast turnaround is needed.&lt;/p&gt;

&lt;h3&gt;
  
  
  Financial Calculators for Freelancers and Developers
&lt;/h3&gt;

&lt;p&gt;Managing finances is essential for freelancers, small business owners, and developers who often need to calculate transaction fees or pricing structures for services offered through platforms like PayPal or Fiverr. Our &lt;strong&gt;financial calculators&lt;/strong&gt; help you quickly determine fees, which simplifies budgeting and financial planning.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://nicetoolkit.com/tools/paypal-fee-calculator/" rel="noopener noreferrer"&gt;Paypal Fee Calculator&lt;/a&gt;&lt;/strong&gt;: Instantly calculate the exact PayPal fees for any transaction. This is perfect for developers working on e-commerce platforms or freelancers managing their own finances.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://nicetoolkit.com/tools/fiverr-fee-calculator/" rel="noopener noreferrer"&gt;Fiverr Fee Calculator&lt;/a&gt;&lt;/strong&gt;: For freelancers working on Fiverr, this calculator helps you determine your net earnings after platform fees, helping you plan your pricing structure efficiently.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;With these tools, freelancers and developers can ensure they are pricing their services appropriately while considering transaction fees, boosting profitability.&lt;/p&gt;

&lt;h3&gt;
  
  
  Text Tools for Writers, Developers, and Content Creators
&lt;/h3&gt;

&lt;p&gt;Whether you’re writing code documentation, composing a blog post, or managing user-generated content, our &lt;strong&gt;text tools&lt;/strong&gt; will make sure your writing is concise, polished, and meets specific requirements. For developers, these tools can be used to create cleaner, error-free content for websites or apps.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://nicetoolkit.com/tools/free-words-counter/" rel="noopener noreferrer"&gt;Free Words Counter&lt;/a&gt;&lt;/strong&gt;: Instantly count words, characters, and paragraphs for any text. It’s perfect for writers managing word limits, or developers needing to validate content length in projects.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://nicetoolkit.com/tools/free-ai-paragraph-rewriter/" rel="noopener noreferrer"&gt;Free AI Paragraph Rewriter&lt;/a&gt;&lt;/strong&gt;: This tool rephrases your paragraphs to maintain originality while ensuring clarity. It’s great for developers needing to adapt or rewrite content for different platforms or audiences.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;These tools are not only useful for bloggers and writers but also serve developers who need to format, validate, and improve text-based content within their projects.&lt;/p&gt;

&lt;h3&gt;
  
  
  Why Choose NiceToolkit.com?
&lt;/h3&gt;

&lt;p&gt;At &lt;strong&gt;NiceToolkit.com&lt;/strong&gt;, we focus on offering tools that are &lt;strong&gt;easy to use, free, and require no sign-up&lt;/strong&gt;. Our platform ensures that whether you are a developer, content creator, or freelancer, you can get things done faster and more efficiently. Each tool is designed with simplicity and speed in mind, allowing you to focus on what matters most: delivering quality work.&lt;/p&gt;

&lt;p&gt;By choosing &lt;strong&gt;NiceToolkit&lt;/strong&gt;, you’re opting for a toolkit that grows with your needs. Whether you’re calculating financial fees, generating SEO-friendly content, or editing text, we have a solution that fits.&lt;/p&gt;

&lt;h3&gt;
  
  
  Explore More of NiceToolkit.com
&lt;/h3&gt;

&lt;p&gt;Interested in learning more about what we do? Check out some of these essential links:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://nicetoolkit.com/about/" rel="noopener noreferrer"&gt;About Us&lt;/a&gt;: Learn about our mission and how we’re continually improving our platform.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://nicetoolkit.com/faqs/" rel="noopener noreferrer"&gt;FAQs&lt;/a&gt;: Have questions? Our FAQs page covers the most common inquiries to help you navigate the site effortlessly.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://nicetoolkit.com/privacy-policy/" rel="noopener noreferrer"&gt;Privacy Policy&lt;/a&gt;: Understand how we manage and protect your personal data when using our platform.&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;In conclusion, &lt;strong&gt;NiceToolkit.com&lt;/strong&gt; is your ultimate destination for &lt;strong&gt;AI-powered content creation tools&lt;/strong&gt;, &lt;strong&gt;financial calculators&lt;/strong&gt;, and &lt;strong&gt;text editing utilities&lt;/strong&gt;. Developers, freelancers, and content creators alike can benefit from our diverse set of free tools that enhance productivity, save time, and improve accuracy. Explore NiceToolkit today and streamline your workflow with tools designed for the modern digital worker. &lt;/p&gt;

&lt;p&gt;By focusing on &lt;strong&gt;SEO keywords&lt;/strong&gt; like “AI-powered content tools,” “free financial calculators for freelancers,” and “text editing tools for developers,” this post ensures improved visibility while providing practical value for the dev.to community.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>productivity</category>
      <category>ai</category>
      <category>opensource</category>
    </item>
    <item>
      <title>Butter Cake - A lightweight Modern Css framework</title>
      <dc:creator>Himas Rafeek</dc:creator>
      <pubDate>Tue, 28 May 2019 23:23:05 +0000</pubDate>
      <link>https://dev.to/himasrafeek/butter-cake-a-lightweight-modern-css-framework-14ck</link>
      <guid>https://dev.to/himasrafeek/butter-cake-a-lightweight-modern-css-framework-14ck</guid>
      <description>&lt;h4&gt;
  
  
  Butter Cake - Modern lightweight css framework built on top of flexbox
&lt;/h4&gt;

&lt;p&gt;
  &lt;a href="https://getbuttercake.com/?ref=readmeHeader"&gt;
    &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s----yi-IQy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/header-1.svg" alt="Butter Cake logo" width="100%"&gt;
  &lt;/a&gt;
&lt;/p&gt;

&lt;h3&gt;Butter Cake&lt;/h3&gt;

&lt;p&gt;
  A Modern Lightweight Front End CSS framework for faster and easier web development.
  &lt;br&gt;
  &lt;a href="https://getbuttercake.com/?ref=readmeHeader"&gt;&lt;strong&gt;Explore Butter Cake docs »&lt;/strong&gt;&lt;/a&gt;
  &lt;br&gt;
  &lt;br&gt;
  &lt;a href="https://getbuttercake.com/"&gt;Report bug&lt;/a&gt;
  .
  &lt;a href="https://getbuttercake.com/"&gt;Request feature&lt;/a&gt;
  .
  &lt;a href="https://getbuttercake.com/examples"&gt;Examples&lt;/a&gt;
&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Status &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://www.jsdelivr.com/package/gh/himasrafeek/butterCake"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5ifhorVl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://data.jsdelivr.com/v1/package/gh/himasrafeek/butterCake/badge" alt=""&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--DASuw4yK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://img.shields.io/github/license/himasrafeek/butterCake.svg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DASuw4yK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://img.shields.io/github/license/himasrafeek/butterCake.svg" alt="GitHub"&gt;&lt;/a&gt;&lt;br&gt;
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--kDNg-U5C--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://img.shields.io/github/release/himasrafeek/butterCake.svg" alt="Releases"&gt;&lt;br&gt;
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--YeFfCEA6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://img.shields.io/website/https/getbuttercake.com.svg" alt="Website"&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4wNyrwFt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://img.shields.io/github/issues-raw/himasrafeek/butterCake.svg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4wNyrwFt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://img.shields.io/github/issues-raw/himasrafeek/butterCake.svg" alt="GitHub issues"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Build responsive, mobile-first projects on the web with Butter Cake. &lt;/p&gt;

&lt;p&gt;Butter Cake is an open source and lightweight modular toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass(SCSS) variables and mixins, responsive grid system, extensive prebuilt components.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;&lt;em&gt;Butter Cake is constantly in development! Try it out now.&lt;/em&gt;&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Documentation &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;
&lt;/h2&gt;

&lt;p&gt;Checkout the official website for the Documentation. &lt;a href="https://getbuttercake.com/?ref=readme"&gt;https://getbuttercake.com&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Why You  should use - Butter Cake &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;✈️ light weight 59kb (css) &amp;amp; 4kb (js)&lt;/li&gt;
&lt;li&gt;🗃 Modular Components&lt;/li&gt;
&lt;li&gt;🏠 Simple Structure&lt;/li&gt;
&lt;li&gt;📜 Built Using Sass(SCSS)&lt;/li&gt;
&lt;li&gt;📲 Responsive&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;&lt;em&gt;No need to setup development environment with Gulp etc... because Butter Cake uses &lt;a href="https://prepros.io/?ref=getbuttercake.com"&gt;Prepros (FREE APP)&lt;/a&gt; to compile SASS(SCSS).&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Can start a new project within seconds 😻!!&lt;/p&gt;

&lt;h2&gt;
  
  
  What's included &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;
&lt;/h2&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Butter Cake/
│
├── dist/
│    │
│    ├── css/
│    │   ├── butterCake.min.css (59kb)
│    │   └── butterCake.min.css.map (33kb)
│    │ 
│    └── js/
│        ├── butterCake.js (Non Minified) (9kb) - (Complete components Js)
│        ├── butterCake.min.js (Minified) (4kb) - (Complete components Js)
│        ├── alert.js 
│        ├── accordion.js 
│        ├── dropdown.js 
│        ├── modal.js 
│        ├── tabs.js 
│        ├── side-navbar.js (Side Navbar)
│        └── slideDown-navbar.js (Slide Down Navbar)
│
├── src/ (Includes SASS|SCSS Files)
│
├── prepros-6.config
│
└── index.html (Starter File)
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;h2&gt;
  
  
  &lt;strong&gt;&lt;em&gt;What's new in v2.5.0&lt;/em&gt;&lt;/strong&gt; &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Root Variables&lt;/li&gt;
&lt;li&gt;&lt;a href="https://getbuttercake.com/docs/progress-bars/"&gt;Progress Bar&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://getbuttercake.com/docs/tool-tips/"&gt;Tool Tip&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://getbuttercake.com/docs/alerts/#alerts-Dismissable"&gt;Dissmisable Alerts&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://getbuttercake.com/docs/badges/#badge-icons"&gt;Badge Icons&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://getbuttercake.com/docs/forms/#Custom-Checkbox"&gt;Custom Checkboxes and Radio Buttons&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://getbuttercake.com/docs/modals/#modal-with-animate"&gt;Custom Modal Animations&lt;/a&gt; with &lt;a href="https://daneden.github.io/animate.css/"&gt;Animate.css&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;&lt;em&gt;What's improved in v2.5.0&lt;/em&gt;&lt;/strong&gt; &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://getbuttercake.com/docs/navbars/"&gt;Navbar&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://getbuttercake.com/docs/dropdowns/"&gt;Dropdown&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://getbuttercake.com/docs/tabs/"&gt;Tabs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://getbuttercake.com/docs/modals/"&gt;Modal&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://getbuttercake.com/docs/forms/"&gt;Form Elements&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://getbuttercake.com/docs/badges/"&gt;Badges&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;ETC.....&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;&lt;em&gt;Get Started&lt;/em&gt;&lt;/strong&gt; &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;
&lt;/h2&gt;

&lt;h4&gt;
  
  
  NPM
&lt;/h4&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm i buttercake
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;h4&gt;
  
  
  CSS (jsdelivr)
&lt;/h4&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="c"&gt;&amp;lt;!-- BUTTER CAKE CSS --&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;link&lt;/span&gt; &lt;span class="na"&gt;rel=&lt;/span&gt;&lt;span class="s"&gt;"stylesheet"&lt;/span&gt; &lt;span class="na"&gt;href=&lt;/span&gt;&lt;span class="s"&gt;"https://cdn.jsdelivr.net/npm/buttercake@2.5.2/dist/css/butterCake.min.css"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;h4&gt;
  
  
  JS (jsdelivr)
&lt;/h4&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="c"&gt;&amp;lt;!-- BUTTER CAKE JS --&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;script &lt;/span&gt;&lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"https://cdn.jsdelivr.net/npm/buttercake@2.5.2/dist/js/butterCake.min.js"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;h2&gt;
  
  
  Browser Support &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;
&lt;/h2&gt;

&lt;p&gt;Butter Cake uses &lt;a href="https://github.com/postcss/autoprefixer"&gt;autoprefixer&lt;/a&gt; to make (most) Flexbox features compatible with earlier browser versions. According to Can I use, Butter Cake is compatible with recent versions of:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Chrome&lt;/li&gt;
&lt;li&gt;Firefox&lt;/li&gt;
&lt;li&gt;Edge&lt;/li&gt;
&lt;li&gt;Safari&lt;/li&gt;
&lt;li&gt;Opera&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Internet Explorer (10+) is only partially supported.&lt;/p&gt;

&lt;h2&gt;
  
  
  Copyright and license &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gO3a_n83--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://getbuttercake.com/README/spacer.png" alt="Butter Cake logo" width="100%"&gt;
&lt;/h2&gt;

&lt;p&gt;Code copyright 2018 - 2019 Himas Rafeek. Code released under the &lt;a href="https://github.com/HimasRafeek/butterCake/blob/master/LICENSE"&gt;MIT license&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>framework</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
