Websites
A website built for what you need.
From a simple business card to a shop or a client login area. Designed from scratch for your case, not a ready-made template.
This site is one of them.
NewLoaders, 27 loading animations
I build for the web.Some of it is free.
Sites, systems and tools, from the first sketch to production, made by one person.
Some are for clients, some are mine, and some you can use right now.
Open source? Yes, I do.
- Skills, skills.coleoni.com
Open sourceFree skills for Claude Code, Codex, Cursor, Gemini CLI and more.The ones I use to ship projects, open to anyone: scopes, portfolio thumbnails, favicons, launch checks and more.
skills.coleoni.comSkills on GitHub, opens in a new tab - Blob Avatar, blob.coleoni.com
Open sourceMake your own animated avatar.Pick a shape, a face and a few moves, then export a profile picture, GIF, SVG or a tag for your own site.
blob.coleoni.comBlob Avatar on GitHub, opens in a new tab - Loaders, loaders.coleoni.com
Open source27 loading animations, ready to copy.Pick one, set its size, color and speed, then copy it as a React component or plain HTML.
loaders.coleoni.comLoaders on GitHub, opens in a new tab
Portfolio
Hi, I'm Michel.
I design and build sites, systems and products end to end: the interface, the code, the server and what happens after launch. One person, the whole way.
My tools, in orbit.
The ones I use every day, from the screen to the database.
- TypeScript
- React
- Next.js
- Node.js
- PostgreSQL
- Tailwind CSS
- NestJS
- Prisma
- Vite
- Tauri
- Docker
- Claude
Services
Solutions for your business.
You run the business. I take care of what it needs online, and the person you talk to is the one who builds it.
Automations
What repeats can run on its own.
Orders that land in a spreadsheet, a WhatsApp alert, a confirmation email. With the tools you already use.
This site's contact form already does it.
SEO
Be found by people already searching.
Title, description and speed fixed for Google and for the people searching. No promise of first place.
This site went from 74 to 88 on the Scanner.
From the first hello to after launch.
You talk to the same person from start to finish.
- 1You reach outWhatsApp, email or the form.
- 2Get the proposalEverything in writing, no fine print.
- 3Follow and approveEvery stage on a preview link.
- 4It goes liveAnd you see who is visiting.
Coleoni CareAfter launch, your site isn't left on its own.
- Hosting and domain kept running
- Security and backups
- I know if it goes down
- A visits dashboard for your site
- Small edits included
One fixed monthly fee. Big changes are quoted separately.
Free SEO Scanner
See your site the way Google sees it.
A score from 0 to 100 and what to fix first. Free, in seconds.
Speed measured by Google PageSpeed. No sign-up to see your score.
81score
- Technical
- 85
- Content
- 64
- Speed
- 95
On Google
Coleonihttps://coleoni.com
Coleoni | Michel Coleoni
I build sites, systems and tools for the web, from the first sketch to production. Some of it is free and open source.
Title with 24 characters. Ideal: 30 to 60.
A game
How long can you follow the green pixel?
One pixel, one board. Touch it with your cursor and it jumps away. Every catch in a row is worth more, and what you earn buys upgrades between runs.
- upgrades to unlock
- 15
- achievements to earn
- 18
- colors for the board
- 6
Play streak
Free, on desktop and phone.
streak.coleoni.com Everything here is open source.
What each one does, how it works and how to start using it today. Free, MIT licensed, with the code on GitHub.
Tools from my workflow, open.
The skills I use to ship projects, free. They follow the open SKILL.md standard, so they work in Claude Code, Codex, Cursor, Gemini CLI and any other agent that reads it. Each one comes with the code, a walkthrough and real examples.
- skills
- 16
- agents
- 4
- license
- MIT
npx skills add c0le0ni/skillsWorks with
- Claude Code
- Codex
- Cursor
- Gemini CLI
The skills
/coleoni-a11yCan everyone use it? Checked on a keyboard, at 320px and with reduced motion./coleoni-breakDo to the component what real content will, before real content does./coleoni-briefingFrom a messy briefing to a scope you can defend./coleoni-colorEvery color your page uses, what reads, and a palette that holds./coleoni-copyEvery sentence that talks to itself, rewritten to talk to the reader./coleoni-faviconOne logo in, every icon out, each one checked where it appears./coleoni-initThe project’s docs, before the first line of code./coleoni-interfacePolish, type, color, layout, copy and accessibility, in one report./coleoni-launchEverything that would embarrass the launch, found before the visitors do./coleoni-layoutThe 2px nobody can see and everybody feels, drawn on your page./coleoni-ogThe picture your link shows, made from the page itself./coleoni-polishThe details people feel but can’t name, measured on the real page./coleoni-statesLoading, empty, error, offline: every state, side by side, from the real API./coleoni-thumbPortfolio thumbnails from the real screens of your project./coleoni-typeWhat your visitors actually read: the fonts, the scale, the lines./coleoni-variantsThree real versions of a component, in the real page. Pick one.
Make your own animated avatar.
Pick a shape, a face, colors and moves, then export it or put it on your site. Free, no sign-up, all in your browser. Everything is drawn from scratch, every frame, by a small engine with no dependencies.
- shapes
- 8
- expressions
- 16
- animations
- 14
Put one on your site
<script src="https://blob.coleoni.com/v2/embed.js" defer></script>
<blob-avatar shape="circle" color="#aefa0e" expression="happy"
animation="idle.2.4,wink.1.6" size="160" gaze></blob-avatar>
27 loading animations, ready to copy.
Pick one, set its size, color and speed, and copy it as a React component or plain HTML. There is no JavaScript animation loop: every loader runs in CSS, stays sharp at any size and stops on a still pose for visitors who ask for less motion.
- loaders
- 27
- gzip, all of them
- 9 KB
- formats: React and HTML
- 2
Contact
Got something in mind?
Tell me what you have in mind. I read every message and reply myself.
Play now Prefer to write directly?
Who'll build yours
Leave your contact and I'll reach out.
No long form. Leave your WhatsApp or email, I'll reach out and we take it from there, whether it's a website, an automation or SEO.