404 Creativity not found.
Hi,
I
Am
Out
Of
Creativity.
I am knocked out.
I am uninspired.
I am lost.
I am....looking for suggestions.
Let me explain.
I need to display some of the source code of our templates, those from Wicked Templates.
I reworked a code editor in Fgma and used it as an svg, I didn't liked it. It felt out of place...
I made simple cards with code inside. Boring.
I am looking for suggestions on how to display code on the site on a creative way...
If you need the sites link, the link is a few lines over this one.
Thank you in advance.
Edit: I am going to do something similar to VS Code Themes is a great approach.
But if you have suggestions please go ahead, don't be shy.
Trending on Indie Hackers
https://tailwindcss.com/ has a great example.
That's exactly how I pictured it...something like that...
@Michael_Andreuzza I’m not sure if this helps but just came across this site. They have some pretty slick animations connecting code with display output, might help inspire you?
Hey!
Actually I talk to someone from there yesterday.
Yes, but no...because the animations are not so smooth and are very distracting.
But, thank you so much fro your suggestion!
Hey Michael. Try Carbon. It makes very great code examples. You can take those images and use them on Figma/your website however you want.
It was my first go to, I need something different. I tried https://www.snippetshot.com/ but is just the same thing...
I was thinking something like Tailwind has, but I am not so skilled with that....
Hi there, Snippet Shot is my side-project so I stumbled upon this thread. We had a brief twitter interaction already. If you were to develop something yourself I'm happy to help out. Snippet Shot (Carbon as well btw) is open source so you could always create a fork and work from there.
The typing is a pretty neat idea if you could keep it simple. I don't think you want the whole thing animated, just one or two pieces of highlights basically. You could screen capture yourself but that's pretty involved. An online tool could be able to do it for you I reckon. Wouldn't be easy but certainly possible.
Hey Marcos!
Yes, we did talk. I started to implement codeFlask actually, but I am finding it difficult to bring it to life.
Now I have a lot of options, it sounds good.
Yeah, it wouldn't animating the whole element, but the text...like typing.
Thank you for reaching put Marcos. So kind
Oh ok. Sorry but I don't know of any other tools. What are you wanting it to look like? What do you want people who see it feel?
don't be sorry how are you gonna know?
I wanted to approach something animated, but then it feels like a lot...maybe some animation where it starts typing...
I can't really give you an answer because I am actually lost.Literally.
Oh ok. I have some free time today and this week. Could I be of assistance with some work for WickedTemplates?
Oh no worries man, is completely fine. But is more than appreciated.
Ok sounds good. Let me know if you change your mind :)
Will definitely do Brayden. Cheers man.
Thanks. And btw, I downloaded the "Molokini" template and it looks pretty good. I might use it for a future project :)
Thanks to you for offering your help.
Oh did you?
what's your take on that? How cool. That's superb Brayden.
Thanks for your advice!
Thanks! If you could sign up for The BuildFaster Update and give me some feedback for the 6th issue this Friday, that would be awesome :)
regarding that, I got an email from you on Mon, 27 Jul, 16:53 (7 days ago)
that you were moving to Substack. I will have a look at the 6th, no doubt.
But what I saw just now is pretty good and entertaining.
I will use fewer images for deliverability, more than anything.
You had a good idea of linking to previous issues. well done buddy.
The template looks very simple and modern. Great job! I am thinking of starting a newsletter for myself in the future so I'll use that as a sign up page :)
sorry man fell asleep on the keyboard...
that sounds great. Thanks a lot. Let me know if you need help with the newsletter, happy to help!
How about embedding an editor and a live preview? Not sure about the creative part, but will excite someone who is trying the theme.
I recently tried CodeFlask, and it is easy to embed a code editor. Then use
onUpdateto reflex the previewThat's a super cool idea. Sort of like vscodethemes.com?
I like th3 idea a lot..!
I am going to see how I could do that....
Awesome Michael, I've recently embedded an editor and the live preview.
In case you got stuck, just let me know :)
Oh, wow. Would love to see that if posible.
Iam gling to see tjst about codefkask..
Thanks a lot Hieu!
Edit: just saw tje site. Looks stunning.
Cool cool!
This comment was deleted 4 years ago.
I don't think you have readed the text
But thank you!
This comment was deleted 4 years ago.