Kickstart your project with pre-made TailwindCSS blocks
TailwindCSS is an awesome CSS framework, but it can take a lot of time and effort to create fully responsive designs. With Mistral, Select a component, choose a color schema, and copy the code. That's it!
Took me 2 months to reach this goal! Made my first $1000 from a Side Project sold on Gumroad !
It's time to improve the product, add new TailwindCSS components, write more blog posts and promote it to the next level π
I see more and more competitors in the same niche, but I try to focus on MY product.
I created MistralCSS for one main reason: I was tired of re-writing the same components/blocks again and again for my projects.
So I've built this product to copy/paste the components I use the most.
I added more features to make it more customizable: you can choose a color schema, dark mode, and randomize some components.
15 people pre-order it, making me really happy to see that this product is going to be useful to others! Today there are 130 components available, and I'm already working on the next ones! π
Cheers β
https://www.youtube.com/watch?v=WN8S3bARWFw
From 1 December to 31 December 2020, MistralCSS made a total of 527$
π11 pre-orders at $39
πAnd 2 at $49
π£1.9K unique visitors from 1 Dec to 31 Dec
π£294 clicks on the 'buy' button
π£ Conversion rate on Gumroad 4.1%
It's 8 more pre-orders than my original goal! π₯³
I've just reached my December goal for MistralCSS in 10 days!
Time for some stats :
π£ 5 pre-orders ($195)
π£ 3.8% conversion rate on Gumroad
π£ 132 clicks on the "Buy" button
π£ 1.9K unique visitors since 14 Nov
π£ 901 unique visitor since 1 Dec
I will create a more in-depth post on IH this Week-end on how I've achieved this goal
December goal: make at least 5 pre-orders.
I'm a bit surprised that I've made 3 pre-orders for MistralCSS. The Landing Page needs some modifications (I need to add some previews, add a video presentation, etc... ).
It seems that the TailwindCSS niche was a good choice for me! I'm pleased with those pre-orders, really pump up my motivation. πͺ
I have pushed the new Landing Page of mistralcss.com in Prod and fixed some minor Bugs (Wrong Font, some typos, ... )
The next step is to create the Auth for Premium users and create more Premium components.
MistralCSS is very close to Launch Day! Can't wait to share the result in Public!
I've updated the Landing Page for Mistral (mistralcss.com), and wow! Just make my first pre-sale without any launch.
I've spent some time creating the Landing Page; I'm pretty happy with the result so far! I'm still listening to the Feedback users make and always trying to improve the UX!
I've some things to improve before the official Launch Day; I will keep you update!
Cheers β
I just deployed 44 pre-made TailwindCSS blocks in Prod. A lot of works... ! π¨
You can mix them together, change the colors and the dark mode to make them unique! Once you are done, simply Copy<> the code and paste it into your project! β
Here is an example: https://www.youtube.com/watch?v=bv_CCbG6inw
Deployed app: https://www.mistralcss.com/
Mistral provides pre-made TailwindCSS blocks to kickstart your project.
Select a component, choose a color schema, and copy the code. That's it!
All blocks are responsive: focus on your content, not the display of each element.
All blocks are independents: if you want to create an orange header and a green navbar, you can! If you want to add two navbar and 3 headers, you can!
All blocks are pure TailwindCSS: No other libraries, no JS. So you can easily customize them.
All blocks are well commented: Each part is commented, for faster navigation. I recommend using Anchor (VSCode Plugin)
It's similar to TailBlocks, but I use Flexbox instead of the grid system. I've also planned to provide more content than Tailblocks.
TailwindCSS is an awesome CSS framework, but it can take a lot of time and effort to create fully responsive designs. With Mistral, Select a component, choose a color schema, and copy the code. That's it!