AUREL — Jewellery Retailer App for React Native & Expo
AUREL is a premium jewellery e-commerce UI template constructed with React Native, Expo SDK 57 and TypeScript. It pairs heat ivory, espresso and champagne gold with serif show typography, outsized pictures and quiet movement to create a luxurious buying app that feels thought of from the primary display screen to the order affirmation.
Not like a set of disconnected screens, AUREL ships with working end-to-end journeys: onboarding, search, product storytelling, opinions, wishlist, bag, a three-step checkout, order affirmation, order monitoring and a full account space. One codebase runs on iOS, Android and net.
Attempt the demo
E mail: [email protected]
Password: any 6 or extra characters
Promotion code: AUREL10 for 10% off
Open the bag for a pre-seeded piece and take the entire checkout circulation. Signal out from Profile to preview the visitor state.
Highlights
- 22 polished screens throughout buying, account and shopper care
- Three-step checkout with saved or new tackle, delivery strategies, present notice, card and UPI cost UI, promotion code and order creation
- Working evaluate circulation with ranking breakdown, star filters, useful votes and a publishable evaluate composer
- Search expertise with latest searches, trending queries, class shortcuts and stay token matching
- Account space with check in, registration, orders, order element, profile modifying and saved addresses
- Notifications inbox with learn/unread states and deep hyperlinks into orders and merchandise
- Preferences for notification classes, ring dimension, metallic, present wrap and haptics
- Consumer care with concierge hyperlinks, appointment request, FAQs, jewellery dimension charts and 5 coverage pages
- Premium design system with champagne and ivory tokens, Cormorant Garamond + Manrope and a floating blurred tab bar
- Movement and haptics for entrance reveals, press suggestions, toasts and add-to-bag actions
- Responsive throughout iOS, Android and net
- Strict TypeScript and an Expo SDK 57 dependency set
All 22 screens
Procuring
- Onboarding — three-slide welcome tour with skip and pagination
- Dwelling — seasonal hero, class rail, trending grid and atelier editorial
- Store — search, class filters and assortment grid
- Search — latest and trending searches, classes, stay outcomes and concierge immediate
- Product — gallery, metallic and dimension selectors, particulars, evaluate abstract and sticky add-to-bag
- Critiques — ranking breakdown, filters, verified opinions and composer
- Wishlist — saved items with empty state
- Bag — amount controls, present wrap, order abstract and checkout entry
- Checkout — supply, delivery, present notice, cost, promotions and totals
- Order confirmed — affirmation, ETA, Circle factors and monitoring actions
Account
- Sign up — validated kind, password visibility and demo social buttons
- Register — identify, electronic mail and password validation, consent and welcome circulation
- Profile — membership card, stay stats, account menu and visitor state
- Orders — standing filters, items, totals and standing capsules
- Order element — atelier timeline, items, supply, cost, present notice and care hyperlinks
- Private particulars — editable identify, electronic mail and telephone
- Addresses — add, take away, default and handle supply addresses
- Notifications — learn/unread inbox with deep hyperlinks
- Preferences — notification switches, buying defaults and authorized hyperlinks
Consumer care
- Assist & concierge — electronic mail, name, WhatsApp, appointment request, FAQ accordion and coverage hyperlinks
- Dimension information — ring, bracelet and necklace charts with measuring directions
- Authorized — delivery, returns, care, privateness and phrases
Simple to customize
The challenge is deliberately easy to rebrand. Colors, sort, spacing and forex stay in src/theme.ts; merchandise are in src/knowledge/merchandise.ts; FAQs, notifications, dimension charts and insurance policies are in src/knowledge/content material.ts; screens are self-contained in src/screens. Full directions are included within the documentation.
Know-how
- Framework: Expo SDK 57 (57.0.30)
- Runtime: React Native 0.86.3, React 19.2.3
- Language: TypeScript, strict mode
- Navigation: React Navigation 7 — native stack + backside tabs
- UI libraries: expo-image, expo-blur, expo-linear-gradient, expo-haptics, expo-font, @expo/vector-icons
- Fonts: Cormorant Garamond + Manrope by way of @expo-google-fonts
- Platforms: iOS, Android, Internet
- State: React Context (no backend)
What you get
- Full Expo / React Native supply code
- 22 screens and a reusable element library
- 12-piece pattern catalogue and editorial pictures URLs
- App icons, adaptive icons and favicon
- Setup, customisation and publishing documentation (HTML and PDF)
Necessities
- Node.js 20 or newer and npm
- Expo Go appropriate with SDK 57, an emulator/simulator, or a contemporary browser
- Web entry for bundle set up and the pattern distant photos
Publishing to the shops
AUREL runs immediately in Expo Go, a simulator or the browser for free of charge. If you end up able to ship, the documentation walks you thru constructing with Expo EAS Construct.
Please notice: EAS Construct is an exterior, third-party, paid service operated by Expo. It’s NOT included with this buy. Utilizing EAS Construct requires your individual Expo account and is topic to Expo’s personal pricing and phrases. Any EAS subscription charges or per-build expenses are paid by you on to Expo and are solely separate from the value of this merchandise. EAS Construct is optionally available: you may construct domestically without cost with Android Studio and Xcode as an alternative.
Necessary notes
AUREL is a front-end UI template, not a manufacturing commerce platform. It has no server, database, actual authentication or cost processing. Bag, wishlist, account, orders and preferences are held in reminiscence and reset on reload. Demo card and UPI fields are by no means transmitted.
- Placeholder imagery just isn’t licensed to your use and isn’t a part of this buy. The pattern product images are loaded from Unsplash for demo and preview functions solely. You could substitute them with your individual photos earlier than publishing, and swapping them takes just some edits in src/knowledge/merchandise.ts. The customer is solely liable for acquiring the rights to, and paying any licensing charges or different prices for, any imagery used of their closing product. The creator makes no declare to the placeholder photos and grants no license to them.
- All model names, opinions, order knowledge, insurance policies and replica are fictional demo content material. Have authorized pages reviewed to your market.
- Retailer builds require your individual bundle identifiers, cost supplier, privateness coverage and backend integration.
- Expo configuration for EAS (eas.json) just isn’t included.
Disclaimer: third-party providers and placeholder content material
No third-party providers are included with this buy. This merchandise is the supply code of the app solely. Any exterior providers you select to make use of with it, comparable to Expo’s EAS Construct service, are supplied by third events underneath their very own accounts, pricing and phrases. Expo EAS Construct is a paid, exterior platform and isn’t included in, bundled with, or lined by the value of this merchandise. Any prices you incur with Expo or another third-party service are your duty.
Placeholder imagery just isn’t included within the license for this merchandise. All pattern images proven within the demo and screenshots are placeholders for preview solely. The customer is liable for any licensing charges, royalties or different prices associated to the placeholder imagery, and for changing it with correctly licensed imagery earlier than releasing their app. The creator accepts no legal responsibility for the customer’s use of placeholder photos.
Within the technology of the belongings of some banners, belongings, and a few assist in documentation AI has been used.
Assist
The documentation covers set up, operating on net, iOS and Android, challenge construction, customisation, constructing and troubleshooting. For merchandise help, contact [email protected] together with your Expo and Node variations, platform, steps to breed and any terminal output.
Creator: GeekSpark
Envato profile: codecanyon.net/user/geekspark
Changelog
1.0.0 — 19 October 2026
Preliminary launch: 22 screens, three-step checkout, opinions, search, notifications, preferences, dimension information, insurance policies and order monitoring. Expo SDK 57, strict TypeScript.
