range to frontend