Raritex
A Figma design by Mohammad Israfill, converted into the front end of an NFT marketplace template, submitted to ThemeForest and approved — live bidding, collection rankings, creator profiles and a wallet-connect flow, across three home layouts and a full set of inner pages.
- HTML5
- CSS3
- Bootstrap
- jQuery
- Swiper
- NFT marketplace · Digital art
- Front end — design by Mohammad Israfill
- ThemeForest release, approved
- Frontend Development
- html.ashekur.com/raritex
The ask
A Figma design from Mohammad Israfill, to become an NFT marketplace template for ThemeForest.
The build
Converted by hand into HTML, CSS and JavaScript — three home layouts and the full set of inner pages a marketplace needs.
The outcome
Submitted to ThemeForest and approved for sale.
THE PROBLEM
A marketplace has to look like a market, in static HTML
A marketplace front end lives or dies on whether it feels active — live bids, countdowns, rankings that move. A template has to convey all of that with no back end behind it, in markup a buyer will later wire to their own data. On top of that it was bound for ThemeForest, where submissions are reviewed against a published standard and a great many are rejected on code quality, responsive behaviour and browser support rather than on how the design looks.
THE SOLUTION
Converted by hand, structured for wiring up
Mohammad Israfill designed it; I converted the Figma file into HTML, CSS and JavaScript. The marketplace patterns — bid cards with counts, ranked collection tables, creator profiles with verification badges — were built as repeatable blocks rather than one-off screens, because whoever buys this is going to connect them to real data and will not thank anyone for bespoke markup on every card.
- A four-step onboarding — set up a wallet through to selling — ahead of the listings
- Live bidding cards with prices, bid counts and ownership, built to be driven from data
- Top collections leaderboard and popular creator profiles, both ranked
- Three home layouts plus authors, explore, item detail, ranking, wallet, help and blog
THE STACK
Chosen for who picks it up next
Static HTML on Bootstrap with jQuery for behaviour and two sliders doing different jobs — one for the hero rail, one for the listing carousels. No build step to learn before editing a page:
- HTML5
- CSS3
- Bootstrap
- jQuery
- Swiper
- Slick
- Font Awesome
THE RESULT
Approved on ThemeForest
It passed review and went on sale — the third of these to do so. A marketplace approval is worth more than a portfolio screenshot for the same reason a reference is: it comes from someone with no stake in being kind about the work.
THE SERVICE BEHIND IT
Want something built this way?
This project came out of my Frontend Development work. That page covers the process in full — what I deliver, how a project runs, and the questions people usually ask before starting one.
What that service covers
- Pixel-accurate implementation, responsive from 320px upward
- Interfaces built to the data they carry, not to a template
- Accessible, conventional code the next developer can read
MORE WORK
Other case studies
Same write-up every time — the problem, the approach, the stack and what changed.
Agency site · Digital marketing
Zapta
Figma design from Panze Studio, built out as a demo agency site — services, a filterable portfolio, team, testimonials and a blog.
- HTML5
- CSS3
- Bootstrap
Photography studio · Luxury fashion
Velour
Designed and built end to end to sell through Codexse — a luxury fashion photography studio site with no framework at all, custom CSS and vanilla JavaScript.
- HTML5
- CSS3
- Vanilla JavaScript