Lunar Used AI

idk what that time is this for but i am just logging it idk

isnt this one so fucking better

Added a new tag for new components coz why not and i might improve it later because it is not that readable rn

Improved the magnetic Button effect and magnetic text effect, Before it was like it had a outer div with a padding of 15px and it starts the animation by detecting if a user has their mouse inside that outer div or not and the button wasnt able to cross that div, but now it is dynamic and that radius is created after we hover the button, and it also has a bufffer in it too! Things like magnet radius and buffer is customizable just by changing a variable on top of it!

New component added!

hehe new component dropping soon :yay:

start the work on the new button component coz why not

Added a new component! In the Backgrounds category, it's a simple dots type background which is animated so it looks like something techy or maybe something related to data or something idk but yeah it looks pretty cool | And besides that i also added a option on the component preview thing so that it also accepts css styles

ooh niice!! added the page for that component too! yay!

Completed a new component!! now i just gotta create a page for it! | It's a simple 2 physics type thing in which you can like give actuall physics to some shapes and it is really cool! it uses matter-js to achieve that thing, i just got to know about that library and it is really cool! You guys should check it out!

Decided to give out the code directly in one easter egg lol

just realized easter eggs arent supposed to be public............................. you know what nevermind coz anyone whose gonna see it is going to be the day ones and i dont have much problem giving all my day ones 3 month free subscription if i ever add that in the future.. idk |||| Added a tip in it btw

HEHE COMPLETED THAT EASTER EGG TOOOO LESS GOO!!!!!!!!!!!!!!!!!!! IT LOOKS SO CLEAN YESS!

New component added!!!! It's from my newest project QuickCopies website! A ripple button effect! but it is way more optimized and refactored!

ooooh animated the easter egg thingy, it comes after your press Shift + G combination on your keyboard :)))

Video is lagging a bit but trust me it is very smooth :heavysob:

HEHE FIXED THAT PROBLEM AND NOW I AM ALSO GONNA CREATE A EASTER EGG LESS GOOO!!!!!!!!!!!!!!!!

gonna fix this dumbass bug i am gettting coz i added width: 100%; and height auto to every single image because my dumb ahh didnt realize that i also have other img elements

my plan is to render the images form markdown with a inline css

added the images support in the markdown (will try to add videos support soon)

and also refactored the sidebar code using claudee! (i luv you claude)

made the text disaappear since it wasnt in the original one coz i forgot, and started the work of the modal on the starting page

Added a additional text in the bottom but removed it because i dont think it is required.

Today i got the time to work on this once again and was able to refactor the code a bit, i put all the components in a seperate folder for each one, because it was hard to find each one since every single component had two files

Apart from that, i made the button navigation a bit smoother and better, and also added an additional message when a query is not found, so that more people will contribute to it here.

Added a page transition!

Made everything ready for the first ship! and added a small text in the footer to give leeks! yay!

Made a reel in React.JS and GSAP lol

https://www.instagram.com/p/DMhVXvIJ9sR/

Added the quick navigation of templates too (pss.. leek!!!!!!!) yeah it will also have full free website templates that are animated as well

I tried re-desigining the introduction page it isnt going well i dont like the current one, ill re-design it to look like something like the clerk documentation page. Thanks!

Fixed the glitch issue when dragging a little to fast in any direction, now it is very smooth now!

ahh not been posting here for a while, i am just too busy with other client work that i cannot continue Lunar for a while, but yeah ill try to find some time to continue this, for now, just see the website i am working for my client!

Working on creating another awesome component! (infinite gallery) i am using Gsap's draggable plugin and inertia plugin for this

wooooow this one of my best component so far! its a image trail effect!

Work in progress for this new bouncy button!

I added className support as per my users request! now you can give custom class names easily to any of the components!

Added a new component! Magnetic Text effect

Added a SOON badges to those items in the sidebar popup

Added a user info thingy

I am now starting to build a user identification info type thing in which we will have the currently signed in user's details, and if the user is not signed in, it will show a Guest User type thing maybe idk i am still deciding

New component added! Made using GSAP's ScrambleTextPlugin

Added a page for this component too!

New component 💛

its a simple cursor trail type thing in which a line follows the cursor!

Improved the Magnetic button component with better easings and added box shadow

Made an update in the search modal, now you can use your arrow keys (↑ - ↓) to navigate through search results!

Added a new component!

chat i dont know what to create form this, it jsut doesnt feel right tbh, i am deleting this component, ill be creating something different :heavysob:

modal coming sooon!

ok, so back to adding a component, it is starting to take shape slowly!

Finally managed to find a solution for sending emails to bunch of ppl at the same time using Mailer Lite! see how beautiful it is! (time is so low because i coded the whole template inside Mailer Lite's interface)

trying to make a new component, idk it is something liek it opens a modal or something? idk

I tried creating a system for sending emails using react-email, and resend, but i failed, i am giving a try to Mailer lite lets see waht happens

The waitlist signups are now officially open at https://bylunar.dev/!

Done! the whole thing is now ready!

uhm, i am removing that animation type thing from it because it is very glitchy + the layout is very complicated to maintain and i am changing it to somehthing minimal like this

added the info!

Added a platform screenshot in the waitlist site so that the user can know how is it going to look 👀 and also i also started working on the waitlist form (the animation on it is sooo 😋)

I have bought a new domain (bylunar.dev) and now i am going to make a waitlist site for it.

i tried making some minor changes in the UI of the app, i removed the animation on the buttons because they were very glitchy on firefox devices idk why i'll try to create another animation for it for now it is just a scale down animation :(

added a page for Text Slide Button

completed this new component! i'll write the tutorial for it later, i am going to create another component!!!!!!!

i am trying to make this new component!

Added a new component!

Added a notice for users coming from Summer Of Making 2025, because i know some people are gonna think it is just a simple front-end and will not click any buttons to explore the platform :heavysob:

New component added! i added a new component along with its tutorial!

Yes! added a final code tab system which i can add anywhere by using just a code like this in the markdown like this!

// FileName.jsx
code

Made the tech stack switching system actually work, will create the html tuto soon.

Added a button in mobile to open up the search menu, and now i started working on changing the tutorial version to Vanilla JS to React JS

I removed the lenis scroll from the documentation, and disabled scrolling when the search modal is open!

hell yesssssss! done with the modal too! it works awesome now and now it is ready to be used

🆗

yes! started the styling!

the search modal actually works now! i just need to give the results some styling then i am done with it!

yes! the animations and layout for the search modal is ready, and everything is now live at https://craftedbylunar.xyz !

the modal appears when you click CTRL + K keyboard combination, and it will also go if you either click on the close button, click outside the modal, or click ESC button on your keyboard! now i just need to make it actually work.

uhhh, the layout i have decided to go with is very difficult to make responsive (at lest for me lol) so for now i am removing eveery other page other then the home page and now focus on the main platform itself..... lets see what i can dooooooooooooo lol