Welcome to my </> playground
This is where I play around with web design & dev concepts.
It's kind of a portfolio, but more of a sandbox - where I test ideas, try new things & build random experiments.
Some polished, some rough & messy - all part of the process. Breaking stuff, fixing it and learning along the way.
The playground currently includes 190 projects, split into 8 categories.
Some of them - and hopefully soon most - are available on CodePen, 63 for now.
I love sharing ideas, knowledge & inspiration,
so feel free to explore and enjoy!
Newest new - 2026-0907-2105 6 new projects added + 2 updated - 2026-0828-0019 tøp-guess prototype added - 2026-0811-2217 8 projects from June & May added to CodePen, more to come - 2026-0730-1355 Endless grid gallery, pixelated media & point light - 2026-0716-2335 4 new projects - 2026-0714-1448 9 new projects, check the latest at the top of the list (sorted by date added)
Please keep in mind some projects, designs & experiments are made desktop first, so they might not work or look quite right on mobile devices. Some are also still is a work in progress. If you like a project that isn't on CodePen yet & would like to see it there or learn how it was made, feel free to reach out!
Updates & social media
If you want to stay up to date with my work, follow me on social media - I post mostly on CodePen & LinkedIn, but I'm also trying out Facebook, Threads, TikTok & X. I haven't really used the last four much yet, but I'm experimenting with posting updates everywhere to see how it goes.
Projects may evolve over time - experiments become components, ideas turn into concepts & designs. Use search or browse the categories to find what you're looking for. My work is also one of my hobbies so expect fairly frequent updates.
BTW parts of the text here were generated using ChatGPT - I'm way better with code than words. :)
Progress log
- 6 new projects added + 2 updated.
- tøp-guess prototype added.
- 8 projects from June & May added to CodePen, more to come.
- Endless grid gallery, pixelated media + point light added.
- 4 new projects, check the latest at the top of the list (sorted by date added).
- 9 new projects.
- 5 new projects.
- 15 new projects.
- Sorting projects by release date feature added + new stuff: Hopper mini game, Kosmos stuff - experiments/prototypes for a new website: fur, hero & logo interaction ideas and maskot animations + Predator: Badlands UI text, |-/ Truce & Intentions prototype & testing GSAP MatchMedia event listeners.
- Endless cards with a scroll loop, glowing icons & patterns, Inette layout, létt mjólk video experiment, motion blur test, office life video scroll, radial headline + selector ideas, smooth animation direction change, tetrahedron animation, tøp-tøur teaser added.
- Continuing Care Retirement Community Hub - 100% vibe designed & coded website added.
- tøp-acrøss prototypes #1 & #2 added.
- Flowfest lines, respect user's motion preference demo and scrambled text + stacking words animations added.
- Deferred hash scroll, horizontal headline split & Live icons added.
- Ccrch </> playground got nominated for SVEF Gæluverkefni ársins (Pet Project of the Year) award. Takk fyrir!
- Fluid Responsive Web Design & Development presentation with implementation example, Kalon frontpage mockup, Reykjavik.rocks minisite + testimonial slider added.
- Animated radial gradient, coloring images, conic-gradient pie chart, Kalon teaser, Radarinn page load animation, seamless image loop & tøp-lines prototype added.
- Backdrop blur marquee, custom scrollbar, Nóa Konfekt & Nóa Páska added + some UI tweaks & fixes.
- Ccrch #26 & chocolate curtain added + 9 more projects available on Codepen - 3D logo, article index, bubbly particle trail, Ljúfa líf lines, split text reveal, The Last of Us buttons, Vettvangur 2024, Vettvangur 2024 sticky sections & website performance meter.
- Website performance meter added.
- Automated items reveal + GSAP ScrollTriggers done right added.
- Improved mobile UI.
- Previous playground - https://duglegur.is - no longer available, archived at https://ccrch.com/archive/duglegur.is.
- Proper homepage. Social media setup.
- Ongoing migration of projects from older playgrounds & https://codepen.io/ccrch - around 100 items so far.
- Adding more stuff - got 50+ projects.
- Improved UI & search.
- Early public version of the UI with initial content - 20-30 projects - everything available at https://ccrch.com/playground.
- https://gsaplayground-test.vettvangur.info slowly phased out. Work started on a new playground version with a smaller set of components and experiments - initially available at https://ccrch.github.io/playground.
- Regular updates and new additions, but not intended as a public showcase - primarily an in-house workspace for https://vettvangur.is projects - around 50 items.
- Initial commit for https://gsaplayground-test.vettvangur.info
- Final update with a limited set of components & experiments.
- Initial commit for https://duglegur.is playground.
- Last update, 38 different projects.
- Initial commit for https://ccrch.com/archive/kosmos-og-kaos/201809-playground.
- Increasingly consistent sharing on https://codepen.io/ccrch.
- And another - https://codepen.io/ccrch/pen/GgPLVW - used on https://snowboarding.is.
- Another one - https://codepen.io/ccrch/pen/yyaraz - with over 200k views.
- First widely popular pen - https://codepen.io/ccrch/pen/bNpOZx, later used on https://andreamaack.is.