Learn how to invalidate your server cache in Nuxt and Nitro, to ensure your users always get the latest content at lightning speed.
Latest News
The Ninja Blog
inspiration
Top 10 Vue Components Libraries
We have collected the best Vue components libraries for you. These libraries will help you to build your next Vue project.
tutos
How to build a filterable list with Nuxt and Tailwind
In this tutorial, we'll give a look on list rendering with transitions and filtering using Nuxt and Tailwind CSS.
tutos
Let's build a brand context menu
When I first discovered this, I immediately thought that's a fantastic UX and wanted to do the same for Css Ninja. Why not learn how you can do it for your own website?
tutos
Bulma grid with an alpine JS loop
Alpine.js is a simplistic and lightweight javascript framework that offers the reactive and declarative nature of big frameworks like Vue or React at a much lower cost.
business
Good stuff coming soon
It's been 3 years that we've started the CSS Ninja adventure, and it's been a very exciting journey so far. We've built themes and templates, worked on customer projects and learned a lot...
business
We're dropping jQuery support
I've been working with jQuery for several years and I was always happy doing so, as jQuery quickly became my best companion in web development. But you know, things change and it's time to move on.
business
We are Envato Elite
It's been 3 years since we initially began our journey on Envato Market. Last week, we finally unlocked an achievement every Envato author wnats to reach: the Elite author level.
business
Our Partnership with Appseed
We are very pleased to annouce that we recently partnered with Appseed, an intelligent tool to speed up your design and development process. But wait a minute, what is Appseed?
inspiration
Karma | Website Design
Karma is a social network (a cryptocurrency based on the EOSIO standard, and a mobile app) designed for those who create the value, to actually earn it. Users are incentivized to do good, share...
tutos
Simple loader with Bulma
Using loaders is quite a common thing when you have to build websites and applications. They a re a great help in making users wait while the page content is still loading, often represented by a spinning shape...
inspiration
Karma | Website Design
Arkvatar is the first ever address linked avatar system in the crypto space and you can use it to create yourself a unique avatar that is based off your Crypto address. The service was to primarily be utilized for Ark...
tutos
Working with CSS ellipsis
Css ellipsis behaves the same way as when you are enumerating things and ending prematurely your enumeration using the "etc..." particle. In other words, CSS ellipsis is a tool that you can...
business
Bulkit on Cyber Monday
Envato's Cyber Monday is back once again this year with tons of discounted premium items. This year, our Template Bulkit will part of this promotional event. Don't miss this chance to get a 50% discount on Bulkit!
inspiration
Bulma message box
Recently i was playing on Codepen with a little message box i've made with Bulma. I was looking for a way to create a nice and smooth success animation, only with CSS and tiny bits of Javascript.
tutos
Facebook Placeholders
A while ago, the great and (not always) glorious Facebook introduced content placeholders that appear to users while the page content is still being loaded, yielding a fantastic user experience.
tutos
Checkbox Madness
Checkboxes are a common html element that is used everyday by designers and developers when working on a website or on an app project. Let's see how we can use it to create something else.
business
Fresh ported to Hugo
Hugo is one of the most popular open-source static site generators. It offers a lot of different themes out of the box. It even now features a port of one of our freebies, the Fresh landing page template.
business
Fresh ported to Hugo
Css Ninja is now an official Envato Market author. Our first template has been approved by the ThemeForest Review Team ! Quite a journey began for us, and we want to share some parts of it with you.
tutos
Code a material raised button
Today we are going to make a nice looking like button inspired from the Google material design guidelines. It will be a very quick tutorial in wich we will use only CSS.
inspiration
4 Outstanding scrolling designs
Along with browsers and javascript improvements, scrolling page designs have been growing trendy these last few months, here are 4 delightful examples that i picked for your from Dribbble.
tutos
Let's make a Like button
There are many cool like animations and interactions on the social web, like on Twitter and many others. What if we made our own CSS like button ? That shouldn't be to hard. Alright let's dive in !
tutos
Coding fixed Sidebars in a breeze
Sidebars often made frontend developers struggle, as they easily break when you start adding more and more content and effects. Let's see how to build some clean sidebars, without any plugin.
tutos
Code an avatar card
Nowadays, who doesn't like to build card components. I guess no one does. For our first code series, we are going to build a card component with an absolutely positioned fancy avatar.
business
We are live !
Finally, Css Ninja is live ! After several months of work, and unknown cafeine and pizza quantities, our website is on air and we hope that you will be soon an active part of our community.
inspiration
5 Stunning landing pages
The web is full of outrageously talented designers, and awesome places where you can browse their work and get some inspiration for your projects. Let's see today's curation.