CSSCrafter provides an array of meticulously crafted CSS files that are primed and optimized for easy use into WordPress block editors.
Fresh and Dynamic Styles
Our dedicated team at CSSCrafter is committed to keeping our library updated with the latest design trends and web standards.
No Cost, No Fuss
CSSCrafter is completely free to use, enabling you to enhance your website without any financial burden.
Grab Your CSS Styles Here
Instant Style Boost
No need to write CSS code from scratch – simply copy and paste our pre-designed CSS snippets into your additional CSS panel or in your styling ground, and watch your website come to life with your unique style and flair.
CSS for Buttons
Get stunning button CSS for your default button Blocks.
You will get amazing CSS cards for your block editor.
Pure CSS particles are available here for your block editor.
CSS for Navigation Menus
CSS styles for Navigation Menu Blocks.
CSS for Headings
All the advanced CSS styles for Headlines are here.
CSS for List Block
You will get CSS styles for the list block here.
Grab Your CSS Styles Here
Get All CSS Items In One Place
If you are looking to get all CSS items in one place then pay visit here. We have added all the items listed there and you will get all resources of CSScrafter for for free in one place.
You might be wondering what is CSScrater, and how you will be benifited and why you will need this kind of items. To get the idea watch the short overview of this project from the Founder of CSScrafter.
Frequently Asked Questions
All those CSS items are free to use?
CSScrafter’s all CSS items are free to use. You can use those and modify those as per your need. You don’t have to give credit though. But if you would be kind enough in sharing our names we won’t mind 🤭.
Do I need to use any third party plugin to have those items in my site?
We use CSS Blocks And Animation Block plugin by ThemeIsle. It’s free to use. Available in WP org. To get the readymade blocks just install this plugin in your website then copy the block code and paste by using your keyboard’s Control + V or Command + V shortcut to paste the items. All the CSS will be automatically added in the CSS Blocks Animation Plugin and in your website.
Is there any theme recomended?
We have tasted in default Twenty Twenty Theme, MR Writer and Greenshift Theme, no issues found. We beleive all the FSE Themes will work perfectly. If not then you may need to tweak some changes.
Why Particle Backgounds are showing in Editor?
Actually, the particle backgrounds will show in frontend perfectly. It’s the limitation of the block editor. Not in our hand, sorry for the inconveniences. We use cover block to manage the particles. You can use any other blocks.
Why am I getting different background colors in some buttons ?
In button blocks we use default styles to design the blocks. The default style might vary themes to themes. So check your theme default colors from the elements section of your theme editor panel.