Christian

Hey, I'm Christian! Full stack developer from UT, sharing my passion for new web technologies, projects, and news.

[Christian @cbmonx]

My happy place 👨‍💻 ☕️

[Christian @cbmonx]

Getting a lot done in my cli loaders project!

- New loaders
- Usage in Next.js
- Clean animated buttons
- Animated Top bar component
- Copy key frames button for custom loaders
- Share component via react share
- Tests written and passing

…more to come!

[Christian @cbmonx]

✅ Added Next js component copy and paste code (zero dependencies) in component view

✅ Cycling colors every 3 seconds so you can see what the loaders look like in different states.

[Christian @cbmonx]

🚨 Cli loaders is coming along nicely and V2 even lets you bring in your own customizations!

Standard initialization- Cannot customize key frames, can customize speed with initLoader.

Custom initialization- Customize the key frames and speed easily with initCustomLoader.

Zero dependency initialization- Full control and code is given to make your own cli loader. The example code weighs just 455 bytes!

… more coming soon ✅

Give it a try and let me know what you think!

[Christian @cbmonx]

@elliezub I want to do a coffee chat! If anyone is down hit me up. Let’s talk tech over coffee

[Christian @cbmonx]

I took the design from a different project and started a library with it!

Introducing cli-loaders. What will be a very large collection of cli loaders, dots, spinners, emojis, and more for your cli applications.

Created a react component that loads the loader in the browser via its keyframes. It will be available soon as a component you can use!

Alternatively, you can install it:

npm i cli-loaders

Then use it however you see fit!

I.e: initLoader('dots_variant_1');

[Christian @cbmonx]

@rauchg @vercel @v0 @shadcn This is amazing, shadcn is like having a team of design experts.

[Christian @cbmonx]

https://t.co/eww6nvrnrm

[Christian @cbmonx]

Can't wait to use it 👨‍💻🚀

[Rolldown @rolldown_rs]

Check out the updated docs at https://t.co/f7vfJplJGZ, which covers some important topics: why bundlers are still needed for the foreseeable future, why we built Rolldown, and how it differs from Rollup / esbuild.

[Christian @cbmonx]

Having fun on this project 👨‍💻

- Made + added a logo,

- Rebrand project to “React Snippets”

- Added a new bordered layout

- Animated heading component

I like it bordered better, but that’s just me.
Old version for comparison.

Which is better?

[Christian @cbmonx]

@_ileolami @Jesse_can_code I think you’re right there. With Xcode came some developer tools.

[Christian @cbmonx]

@rand_longevity I drink around 6 coffees a day (as a developer)

[Christian @cbmonx]

@rauchg Did you notice how Elon is apart of DOGE. It's infiltrated the government. 😆

[Christian @cbmonx]

@CreeCoder Like immediately. Right when you give elon your money you get a mysterious boost.

[Christian @cbmonx]

Which developer are you?

[Christian @cbmonx]

@heyrapto Lets connect on GitHub if you'd like! I'm down to also connect and code with others on slack etc. https://t.co/G17NqISu6J

[Christian @cbmonx]

"Cannot read properties of undefined"

[Christian @cbmonx]

Added some new components:

- Ripple Hover Button 🌊
- Gradient Card (Blue) 🌈
- Gradient Card With Image (Blue) 🌌
- Toggle Switch 🎚️

What other components should I add?

[Christian @cbmonx]

A textbook example of great UX/UI 😆🎨🖼️👨🏽‍🎨👨‍💻