diff --git a/components/bsx/Create/RoyaltyForm.vue b/components/bsx/Create/RoyaltyForm.vue
index 4a6cdb1044..18e7dbe102 100644
--- a/components/bsx/Create/RoyaltyForm.vue
+++ b/components/bsx/Create/RoyaltyForm.vue
@@ -32,7 +32,6 @@ import AuthMixin from '~/utils/mixins/authMixin'
 
 const components = {
   BasicSwitch: () => import('@/components/shared/form/BasicSwitch.vue'),
-  BasicSlider: () => import('@/components/shared/form/BasicSlider.vue'),
   BasicNumberInput: () =>
     import('@/components/shared/form/BasicNumberInput.vue'),
 }
diff --git a/components/collection/drop/DropContainer.vue b/components/collection/drop/DropContainer.vue
index cf3b51be4d..db7fd31e31 100644
--- a/components/collection/drop/DropContainer.vue
+++ b/components/collection/drop/DropContainer.vue
@@ -6,7 +6,7 @@
     <div class="container is-fluid">
       <div class="columns is-desktop">
         <div class="column is-half-desktop mobile-padding">
-          <UnlockableCollectionInfo />
+          <UnlockableCollectionInfo :collection-id="collectionId" />
           <hr class="mb-4" />
 
           <div
@@ -101,7 +101,7 @@
               </div>
             </div>
           </div>
-          <TokenImportButton v-if="urlPrefix === 'stmn'" />
+          <TokenImportButton />
         </div>
         <div class="column pt-5 is-flex is-justify-content-center">
           <ImageSlider v-if="imageList.length" :image-list="imageList" />
diff --git a/components/collection/unlockable/UnlockableCollectionInfo.vue b/components/collection/unlockable/UnlockableCollectionInfo.vue
index 62b8899b06..f9d837eef6 100644
--- a/components/collection/unlockable/UnlockableCollectionInfo.vue
+++ b/components/collection/unlockable/UnlockableCollectionInfo.vue
@@ -47,8 +47,10 @@
 <script setup lang="ts">
 import HeroButtons from '@/components/collection/unlockable/UnlockableHeroButtons.vue'
 import { NeoButton } from '@kodadot1/brick'
-import { collectionId } from './const'
 import { unlockableDesc } from './utils'
+
+defineProps<{ collectionId: string }>()
+
 const seeAllDescription = ref(false)
 const DESCRIPTION_MAX_LENGTH = 210
 const { urlPrefix } = usePrefix()
diff --git a/components/collection/unlockable/UnlockableContainer.vue b/components/collection/unlockable/UnlockableContainer.vue
index 1f25485b99..e337c83bf1 100644
--- a/components/collection/unlockable/UnlockableContainer.vue
+++ b/components/collection/unlockable/UnlockableContainer.vue
@@ -6,7 +6,7 @@
     <div class="container is-fluid">
       <div class="columns is-desktop">
         <div class="column is-half-desktop mobile-padding">
-          <UnlockableCollectionInfo />
+          <UnlockableCollectionInfo :collection-id="collectionId" />
           <hr class="mb-4" />
 
           <div
diff --git a/components/drops/DropCard.vue b/components/drops/DropCard.vue
index 2f7eb2d989..7ac1832088 100644
--- a/components/drops/DropCard.vue
+++ b/components/drops/DropCard.vue
@@ -49,8 +49,7 @@
             </div>
             <div class="is-flex is-flex-direction-column">
               <span class="has-text-grey">{{ $t('price') }}</span>
-              <span v-if="price === 'Free'">{{ price }}</span>
-              <span v-else>1 DOT</span>
+              <span>{{ price }}</span>
             </div>
           </div>
         </div>
@@ -96,15 +95,10 @@ const correctDropUrl = computed(() => {
 })
 
 const price = computed(() => {
-  if (!props.drop?.collection) {
-    return ''
+  if (props.dropUrl === 'dot-drop') {
+    return '1 DOT'
   }
-
-  const totalPrice = sum(
-    (props.drop?.collection.nfts || []).map((nft) => Number(nft?.price || 0))
-  )
-
-  return totalPrice > 0 ? totalPrice : 'Free'
+  return 'Free'
 })
 
 onMounted(async () => {
diff --git a/components/rmrk/Create/AttributeTagInput.vue b/components/rmrk/Create/AttributeTagInput.vue
index 00e08e73dc..c1f080c744 100644
--- a/components/rmrk/Create/AttributeTagInput.vue
+++ b/components/rmrk/Create/AttributeTagInput.vue
@@ -31,15 +31,11 @@
 
 <script setup lang="ts">
 import { NeoField, NeoInputitems } from '@kodadot1/brick'
-import { Attribute } from '@kodadot1/minimark/common'
-
-const valueOf = ({ value }: Attribute) => String(value)
 
 const allTags = ref(['audio', 'video', 'image', 'music', 'abstract'])
 
 const props = withDefaults(
   defineProps<{
-    attr: []
     max?: number
     placeholder?: string
     simple?: boolean
@@ -51,7 +47,7 @@ const props = withDefaults(
 )
 
 const tags = computed({
-  get: () => (props.simple ? props.attr || [] : props.attr?.map(valueOf) || []),
+  get: () => [],
   set: (value) => handleInput(value),
 })
 
diff --git a/components/rmrk/Create/SimpleMint.vue b/components/rmrk/Create/SimpleMint.vue
index 9068e39b9d..a854a21388 100644
--- a/components/rmrk/Create/SimpleMint.vue
+++ b/components/rmrk/Create/SimpleMint.vue
@@ -110,10 +110,14 @@
             spellcheck="true"
             data-cy="input-batch-address" />
         </NeoField>
-        <BasicSlider
-          v-model="distribution"
-          label="action.distributionCount"
-          data-cy="input-distribution" />
+
+        <NeoField class="mt-4" :label="$t('action.distributionCount')">
+          <NeoSlider
+            v-model="distribution"
+            data-cy="input-distribution"
+            :min="0"
+            :max="100" />
+        </NeoField>
         <NeoField v-show="syncVisible">
           <b-button
             outlined
@@ -214,7 +218,13 @@ import AuthMixin from '~/utils/mixins/authMixin'
 import { useFiatStore } from '@/stores/fiat'
 import { usePinningStore } from '@/stores/pinning'
 import { usePreferencesStore } from '@/stores/preferences'
-import { NeoField, NeoIcon, NeoInput, NeoSwitch } from '@kodadot1/brick'
+import {
+  NeoField,
+  NeoIcon,
+  NeoInput,
+  NeoSlider,
+  NeoSwitch,
+} from '@kodadot1/brick'
 import { useIdentityStore } from '@/stores/identity'
 
 const components = {
@@ -228,13 +238,13 @@ const components = {
   CollapseWrapper: () =>
     import('@/components/shared/collapse/CollapseWrapper.vue'),
   BasicSwitch: () => import('@/components/shared/form/BasicSwitch.vue'),
-  BasicSlider: () => import('@/components/shared/form/BasicSlider.vue'),
   BasicInput: () => import('@/components/shared/form/BasicInput.vue'),
   SubmitButton: () => import('@/components/base/SubmitButton.vue'),
   NeoIcon,
   NeoSwitch,
   NeoField,
   NeoInput,
+  NeoSlider,
 }
 
 @Component<SimpleMint>({
diff --git a/components/rmrk/Gallery/Appreciation.vue b/components/rmrk/Gallery/Appreciation.vue
deleted file mode 100644
index 01e1cfe6cf..0000000000
--- a/components/rmrk/Gallery/Appreciation.vue
+++ /dev/null
@@ -1,178 +0,0 @@
-<template>
-  <div class="nft-appreciation__main is-flex">
-    <Loader v-model="isLoading" :status="status" />
-    <b-button
-      v-if="accountId"
-      class="nft-appreciation__button"
-      icon-left="heart"
-      @click="toggleEmojiDialog" />
-    <VEmojiPicker
-      v-show="showDialog"
-      label-search="Search your emote"
-      class="emote-picker"
-      @select="onSelectEmoji" />
-    <EmotionList
-      class="emote-list"
-      :emotions="emotions"
-      @selected="mapToEmoji" />
-  </div>
-</template>
-
-<script lang="ts">
-import groupBy from '@/utils/groupBy'
-import { notificationTypes, showNotification } from '@/utils/notification'
-import { Interaction, createInteraction } from '@kodadot1/minimark/v1'
-import {
-  Interaction as NewInteraction,
-  createInteraction as createNewInteraction,
-} from '@kodadot1/minimark/v2'
-import emojiUnicode from 'emoji-unicode'
-import { Component, Prop, mixins } from 'nuxt-property-decorator'
-import { VEmojiPicker } from 'v-emoji-picker'
-import { Emoji, IEmoji } from 'v-emoji-picker/lib/models/Emoji'
-import MetaTransactionMixin from '@/utils/mixins/metaMixin'
-import UseApiMixin from '@/utils/mixins/useApiMixin'
-import { Emote } from '../service/scheme'
-import EmotionList from './EmotionList.vue'
-
-@Component({
-  components: {
-    EmotionList,
-    VEmojiPicker,
-    Loader: () => import('@/components/shared/Loader.vue'),
-  },
-})
-export default class Appreciation extends mixins(
-  MetaTransactionMixin,
-  UseApiMixin
-) {
-  @Prop({ type: Array }) public emotes!: Emote[]
-  @Prop({ type: String }) public currentOwnerId!: string
-  @Prop({ type: String }) public accountId!: string
-  @Prop({ type: String }) public nftId!: string
-  @Prop(Boolean) public burned!: boolean
-  @Prop(Boolean) public simple!: boolean // submit heart directly
-  @Prop({ type: String, default: '1.0.0' }) public version!: string
-
-  protected showDialog = false
-
-  mounted() {
-    window.addEventListener('click', this.handleMouseClick)
-  }
-
-  beforeDestroy() {
-    window.removeEventListener('click', this.handleMouseClick)
-  }
-
-  handleMouseClick(e: MouseEvent) {
-    if (e.target && !this.$el.contains(e.target as HTMLElement)) {
-      this.showDialog = false
-    }
-    return false
-  }
-
-  protected toggleEmojiDialog() {
-    if (this.simple) {
-      showNotification('[EMOTE] Sending ♥️')
-      return this.submit('2764') // heart emoji
-    } else {
-      this.showDialog = !this.showDialog
-    }
-  }
-
-  protected async onSelectEmoji(emoji: IEmoji) {
-    const { version, nftId } = this
-    if (!this.accountId) {
-      return showNotification(
-        '[EMOTE] Please connect your wallet first',
-        notificationTypes.warn
-      )
-    }
-    const emote = emojiUnicode(emoji.data).split(' ')[0].toUpperCase()
-    if (emote) {
-      showNotification(`[EMOTE] Selected ${emoji.data} or ${emote}`)
-      const rmrk =
-        version === '2.0.0'
-          ? createNewInteraction({
-              action: NewInteraction.EMOTE,
-              payload: { id: nftId, value: emote, namespace: 'RMRK2' },
-            })
-          : createInteraction(Interaction.EMOTE, nftId, emote)
-      await this.submit(rmrk)
-    } else {
-      showNotification('[EMOTE] Unable to emote', notificationTypes.warn)
-    }
-  }
-
-  private mapToEmoji(parsed: string) {
-    const emoji: Emoji = {
-      data: parsed,
-      category: '',
-      aliases: [],
-    }
-    this.onSelectEmoji(emoji)
-  }
-
-  get emotions(): Record<string, string | number> {
-    this.emotes?.map(
-      (e, index) => (this.emotes[index].value = e.value.toUpperCase())
-    )
-    return groupBy(this.emotes || [], 'value')
-  }
-
-  private async submit(rmrk: string) {
-    const api = await this.useApi()
-
-    try {
-      const cb = api.tx.system.remark
-      const args = [rmrk]
-      this.initTransactionLoader()
-      await this.howAboutToExecute(this.accountId, cb, args, (blockNumber) => {
-        showNotification(
-          `[EMOTE] Saved in ${blockNumber}`,
-          notificationTypes.success
-        )
-      })
-    } catch (e) {
-      showNotification(`[ERR] ${e}`, notificationTypes.warn)
-      this.$consola.error(e)
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-@import '@/styles/abstracts/variables';
-
-.emote-picker {
-  position: absolute;
-  left: 50px;
-  z-index: 1;
-}
-
-.emoji-picker {
-  --ep-color-bg: #000 !important;
-  --ep-color-border: #db2980 !important;
-  --ep-color-sbg: #000 !important;
-  --ep-color-active: #db2980 !important;
-  border-width: $button-border-width !important;
-  border-radius: 0 !important;
-}
-
-.nft-appreciation__column {
-  padding: 0.45em;
-}
-
-.nft-appreciation__wrapper:hover {
-  cursor: pointer;
-  background-color: #dedddd;
-}
-
-.nft-appreciation__button {
-  border-radius: 0;
-  border: 0;
-  border-top: $sleek-primary-border !important;
-  color: $primary;
-  margin-right: 15px;
-}
-</style>
diff --git a/components/rmrk/Gallery/Item/Navigation.vue b/components/rmrk/Gallery/Item/Navigation.vue
deleted file mode 100644
index dc6b039f65..0000000000
--- a/components/rmrk/Gallery/Item/Navigation.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<template>
-  <div
-    class="navigation-container"
-    :class="{ 'is-hidden-desktop': !showNavigation }">
-    <b-button
-      tag="nuxt-link"
-      icon-left="chevron-left"
-      :to="properUrl(prevIndex)"
-      outlined />
-    <b-button
-      tag="nuxt-link"
-      icon-left="chevron-right"
-      :to="properUrl(nextIndex)"
-      outlined />
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, mixins } from 'nuxt-property-decorator'
-import KeyboardEventsMixin from '~/utils/mixins/keyboardEventsMixin'
-import PrefixMixin from '~/utils/mixins/prefixMixin'
-
-const components = {
-  ProfileLink: () => import('@/components/rmrk/Profile/ProfileLink.vue'),
-}
-
-@Component({ components })
-export default class Navigation extends mixins(
-  KeyboardEventsMixin,
-  PrefixMixin
-) {
-  @Prop({ type: Array }) readonly items!: string[]
-  @Prop(Boolean) public showNavigation!: boolean
-  @Prop({ type: String }) readonly currentId!: string
-
-  public created() {
-    this.initKeyboardEventHandler({
-      g: this.bindActionEvents,
-    })
-  }
-
-  private bindActionEvents(event) {
-    switch (event.key) {
-      case 'n':
-        this.$router.push({
-          path: `/rmrk/gallery/${this.items[this.nextIndex]}`,
-        })
-        break
-      case 'p':
-        this.$router.push({
-          path: `/rmrk/gallery/${this.items[this.prevIndex]}`,
-        })
-        break
-    }
-  }
-
-  get indexOfCurrentId(): number {
-    return this.items.indexOf(this.currentId)
-  }
-
-  get nextIndex(): number {
-    // check if current item is last item of array
-    return this.indexOfCurrentId === this.items.length - 1
-      ? 0
-      : this.indexOfCurrentId + 1
-  }
-
-  get prevIndex(): number {
-    // check if current item is first item of array
-    return this.indexOfCurrentId === 0
-      ? this.items.length - 1
-      : this.indexOfCurrentId - 1
-  }
-
-  public mounted() {
-    document.addEventListener('keyup', this.handleKeyEvent)
-  }
-
-  public beforeDestroy() {
-    document.removeEventListener('keyup', this.handleKeyEvent)
-  }
-
-  public handleKeyEvent(event) {
-    // block navigation to next or prev NFT if any of the following elements is being focused
-    const activeElement = document.activeElement
-    const inputs = ['input', 'select', 'button', 'textarea']
-    if (
-      activeElement &&
-      inputs.indexOf(activeElement.tagName.toLowerCase()) !== -1
-    ) {
-      return
-    }
-
-    if (event.key === 'ArrowLeft') {
-      return this.gotoNextItem(true)
-    }
-    if (event.key === 'ArrowRight') {
-      return this.gotoNextItem(false)
-    }
-  }
-
-  public gotoNextItem(reverse: boolean) {
-    this.$router.push(this.properUrl(reverse ? this.prevIndex : this.nextIndex))
-  }
-
-  protected properUrl(index: number) {
-    return `/${this.urlPrefix}/gallery/${this.items[index]}`
-  }
-}
-</script>
-
-<style scoped lang="scss">
-@import '@/styles/abstracts/variables';
-
-.navigation-container {
-  pointer-events: none;
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  z-index: 998;
-  @media screen and (max-width: 768px) {
-    right: -12px;
-    left: -12px;
-  }
-}
-.navigation-container a {
-  pointer-events: all;
-  border: 0 !important;
-  border-top: $sleek-primary-border !important;
-  opacity: 0.6;
-}
-</style>
diff --git a/components/shared/chart/BoxPlot/Canvas.vue b/components/shared/chart/BoxPlot/Canvas.vue
deleted file mode 100644
index f718e7efe9..0000000000
--- a/components/shared/chart/BoxPlot/Canvas.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-  <canvas id="chartBoxPlot" />
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue, Watch } from 'nuxt-property-decorator'
-import { CategoryScale, Chart, LinearScale, Tooltip } from 'chart.js'
-import {
-  BoxAndWiskers,
-  BoxPlotController,
-} from '@sgratzl/chartjs-chart-boxplot'
-import annotationPlugin from 'chartjs-plugin-annotation'
-
-// types
-import type { ChartDataset } from 'chart.js'
-
-// register chart plugins
-Chart.register(
-  BoxPlotController,
-  BoxAndWiskers,
-  LinearScale,
-  CategoryScale,
-  Tooltip
-)
-Chart.register(annotationPlugin)
-
-@Component({})
-export default class BoxPlot extends Vue {
-  @Prop() labels!: string[]
-  @Prop() datasets!: ChartDataset[]
-  @Prop() options
-
-  protected chart!: Chart
-  protected renderChart() {
-    const ctx = (
-      document.querySelector('#chartBoxPlot') as HTMLCanvasElement
-    ).getContext('2d')
-
-    // first render
-    if (ctx && !this.chart) {
-      this.chart = new Chart(ctx, {
-        type: 'boxplot',
-        data: {
-          labels: this.labels,
-          datasets: this.datasets,
-        },
-        options: this.options,
-      })
-    }
-
-    // update chart
-    if (ctx && this.chart) {
-      this.chart.data.labels = this.labels
-      this.chart.data.datasets = this.datasets
-      this.chart.options = this.options
-      this.chart.update()
-    }
-  }
-
-  protected mounted() {
-    this.renderChart()
-  }
-
-  @Watch('datasets')
-  onChangeDatasets() {
-    this.renderChart()
-  }
-}
-</script>
diff --git a/components/shared/chart/BoxPlot/Container.vue b/components/shared/chart/BoxPlot/Container.vue
deleted file mode 100644
index 9830ce6247..0000000000
--- a/components/shared/chart/BoxPlot/Container.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<template>
-  <div class="mt-8">
-    <div v-if="status === 'show'">
-      <div
-        class="is-flex is-align-items-center is-justify-content-space-between">
-        <p class="label mb-0">Box Plot Chart</p>
-        <b-select :value="selectedRange" @input="selectRange($event)">
-          <option v-for="option in range" :key="option" :value="option">
-            {{ option.charAt(0).toUpperCase() + option.slice(1) }}
-          </option>
-        </b-select>
-      </div>
-      <Canvas
-        type="boxplot"
-        :labels="labels"
-        :datasets="datasets"
-        :options="chartOptions" />
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Watch, mixins } from 'nuxt-property-decorator'
-import format from 'date-fns/format'
-import { filterOutliers } from '@/utils/chart'
-import ChainMixin from '@/utils/mixins/chainMixin'
-import containerOptions from './containerOptions'
-
-// types
-import { CollectionChartData as ChartData } from '@/utils/chart'
-import type { ChartDataset } from 'chart.js'
-
-@Component({
-  components: {
-    Canvas: () => import('~/components/shared/chart/BoxPlot/Canvas.vue'),
-  },
-})
-export default class BoxPlotContainer extends mixins(ChainMixin) {
-  @Prop({ type: Array, required: true }) public priceData!: [
-    ChartData[],
-    ChartData[]
-  ] // [listings, buys]
-
-  // data
-  protected status: 'show' | 'hideChart' = 'show'
-  protected range = ['yearly', 'quarterly', 'monthly']
-  protected list = {}
-  protected listIqr = []
-  protected buy = {}
-  protected buyIqr = []
-
-  // attribute for box plot
-  protected labels: string[] = []
-  protected datasets: ChartDataset[] = []
-
-  // default attribute
-  protected defaultDataset = {
-    borderWidth: 1,
-    padding: 10,
-    itemRadius: 0,
-    outlierBackgroundColor: 'white',
-    outlierBorderColor: 'white',
-    outlierRadius: 2,
-    outlierBorderWidth: 2,
-  }
-
-  // computed
-  get selectedRange(): string {
-    if (typeof this.$route.query.boxPlot === 'string') {
-      return this.$route.query.boxPlot
-    }
-
-    return 'yearly'
-  }
-
-  get chartOptions() {
-    const options = containerOptions({
-      labels: this.labels,
-      unit: this.unit,
-      valueList: this.listIqr,
-      valueBuy: this.buyIqr,
-    })
-
-    return options
-  }
-
-  // methods
-  protected selectRange(range: string): void {
-    this.$router.push({
-      path: this.$route.path,
-      query: {
-        ...this.$route.query,
-        boxPlot: range,
-      },
-    })
-  }
-
-  protected dataByRange(data: ChartData[], type = 'list') {
-    const whichData = this[type]
-    const whichRange = {
-      yearly: 'yyyy',
-      quarterly: 'QQQ yy',
-      monthly: 'MMM yy',
-    }
-
-    data.forEach(({ date, value }) => {
-      const dateStr = format(new Date(date), whichRange[this.selectedRange])
-
-      if (!whichData[dateStr]) {
-        whichData[dateStr] = []
-      }
-
-      whichData[dateStr].push(value)
-      this[`${type}Iqr`].push(value)
-    })
-
-    // remove some outliers
-    Object.keys(whichData).forEach((item) => {
-      whichData[item] = filterOutliers(whichData[item])
-    })
-  }
-
-  protected initData() {
-    this.list = {}
-    this.buy = {}
-
-    if (this.priceData[0]?.length < 4 && this.priceData[1]?.length < 4) {
-      this.status = 'hideChart'
-      return
-    }
-
-    if (this.priceData[0]?.length > 0 || this.priceData[1]?.length > 0) {
-      this.dataByRange(this.priceData[0], 'list')
-      this.dataByRange(this.priceData[1], 'buy')
-    }
-
-    this.labels = [
-      ...new Set([...Object.keys(this.list), ...Object.keys(this.buy)]),
-    ]
-
-    this.datasets = [
-      {
-        label: 'List',
-        backgroundColor: 'rgba(230, 0, 126, 0.3)',
-        borderColor: '#e6007e',
-        data: Object.values(this.list),
-        ...this.defaultDataset,
-      },
-      {
-        label: 'Buy',
-        backgroundColor: 'rgba(0, 187, 127, 0.3)',
-        borderColor: '#00BB7F',
-        data: Object.values(this.buy),
-        ...this.defaultDataset,
-      },
-    ]
-  }
-
-  protected mounted() {
-    this.initData()
-  }
-
-  @Watch('$route.query')
-  protected onQueryChange(newQuery, oldQuery) {
-    if (newQuery.boxPlot !== oldQuery.boxPlot) {
-      this.initData()
-    }
-  }
-
-  @Watch('priceData')
-  async watchData() {
-    this.initData()
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.chart-container {
-  background-color: white;
-  width: 100%;
-  height: 100%;
-}
-</style>
diff --git a/components/shared/chart/BoxPlot/containerOptions.ts b/components/shared/chart/BoxPlot/containerOptions.ts
deleted file mode 100644
index 31e307d589..0000000000
--- a/components/shared/chart/BoxPlot/containerOptions.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { getHSpread } from '@/utils/chart'
-
-function getAnnotation({ type = 'list', value }) {
-  const attributes = {
-    list: {
-      borderColor: '#E6007E',
-      content: 'IQR List',
-      position: 'start',
-    },
-    buy: {
-      borderColor: '#00BB7F',
-      content: 'IQR Buy',
-      position: 'end',
-    },
-  }
-
-  if (!value) {
-    return {
-      borderWidth: 0,
-    }
-  }
-
-  return {
-    type: 'line',
-    borderWidth: 0,
-    scaleID: 'y',
-    borderColor: attributes[type].borderColor,
-    label: {
-      content: () => `${attributes[type].content}: ${value.toFixed(2)}`,
-      position: attributes[type].position,
-      display: true,
-    },
-    value: () => value,
-  }
-}
-
-export default function ({ labels, unit, valueList, valueBuy }) {
-  const { iqr: iqrList } = getHSpread(valueList)
-  const { iqr: iqrBuy } = getHSpread(valueBuy)
-  const dataIqrList = getAnnotation({ type: 'list', value: iqrList })
-  const dataIqrBuy = getAnnotation({ type: 'buy', value: iqrBuy })
-  const annotations = labels.length === 1 ? [] : [dataIqrList, dataIqrBuy]
-
-  return {
-    responsive: true,
-    scales: {
-      y: {
-        ticks: {
-          color: 'white',
-          callback: (value) => {
-            return `${value} ${unit}`
-          },
-        },
-      },
-    },
-    plugins: {
-      annotation: { annotations },
-      tooltip: {
-        displayColors: false,
-        callbacks: {
-          title: (ctx) => {
-            return `${ctx[0].dataset.label} ${ctx[0].label}`
-          },
-          label: (ctx) => {
-            const median = ctx.parsed.median.toFixed(2)
-            const q1 = ctx.parsed.q1.toFixed(2)
-            const q3 = ctx.parsed.q3.toFixed(2)
-            const iqr = (parseFloat(q3) - parseFloat(q1)).toFixed(2)
-            const min = ctx.parsed.min.toFixed(2)
-            const max = ctx.parsed.max.toFixed(2)
-
-            const boxplotValues = [
-              `Median: ${median}`,
-              `Q3: ${q3}`,
-              `Q1: ${q1}`,
-              `IQR: ${iqr}`,
-              `Min: ${min}`,
-              `Max: ${max}`,
-            ]
-            return boxplotValues
-          },
-        },
-      },
-    },
-  }
-}
diff --git a/components/shared/form/BasicSlider.vue b/components/shared/form/BasicSlider.vue
deleted file mode 100644
index 788e1b5d9c..0000000000
--- a/components/shared/form/BasicSlider.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <NeoField class="mt-4" :label="$t(label)" label-position="">
-    <b-slider
-      v-model="vValue"
-      :min="min"
-      :max="max"
-      :ticks="ticks"
-      :custom-formatter="customFormatter"
-      :lazy="lazy" />
-  </NeoField>
-</template>
-
-<script lang="ts">
-import { Component, Prop, VModel, Vue } from 'nuxt-property-decorator'
-import { NeoField } from '@kodadot1/brick'
-
-@Component({
-  components: {
-    NeoField,
-  },
-})
-export default class BasicSlider extends Vue {
-  @VModel({ type: Number, required: true }) vValue!: number
-  @Prop({ type: String, required: true }) label!: string
-  @Prop({ type: Number, default: 0 }) min!: number
-  @Prop({ type: Number, default: 100 }) max!: number
-  @Prop(Boolean) ticks!: boolean
-  @Prop(Boolean) lazy!: boolean
-  @Prop({ type: Function, required: false }) customFormatter!: (
-    v: string
-  ) => string
-}
-</script>
diff --git a/components/shared/wrapper/NoCollection.vue b/components/shared/wrapper/NoCollection.vue
deleted file mode 100644
index 4355833eb9..0000000000
--- a/components/shared/wrapper/NoCollection.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-  <div>
-    <span>{{ $t(label) }}.</span>
-    <nuxt-link to="/rmrk/create">
-      <div>{{ $t('helper.clickToCreate') }}</div>
-    </nuxt-link>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from 'nuxt-property-decorator'
-@Component({})
-export default class NoCollection extends Vue {
-  @Prop({ type: String, default: 'helper.noCollections' }) public label!: string
-}
-</script>
diff --git a/libs/ui/src/components/NeoSlider/NeoSlider.vue b/libs/ui/src/components/NeoSlider/NeoSlider.vue
new file mode 100644
index 0000000000..d5750ee9ea
--- /dev/null
+++ b/libs/ui/src/components/NeoSlider/NeoSlider.vue
@@ -0,0 +1,22 @@
+<script lang="ts">
+import { OSlider } from '@oruga-ui/oruga'
+
+export default {
+  extends: OSlider,
+}
+</script>
+
+<style lang="scss">
+@import '../../scss/_theme.scss';
+@import '@oruga-ui/oruga/src/scss/utilities/_expressions.scss';
+@import '@oruga-ui/oruga/src/scss/utilities/_variables.scss';
+@import '@oruga-ui/oruga/src/scss/utilities/_animations.scss';
+@import '@oruga-ui/oruga/src/scss/utilities/_helpers.scss';
+@import '@oruga-ui/oruga/src/scss/components/_slider.scss';
+
+.o-slide__fill {
+  @include ktheme() {
+    background: theme('k-primary');
+  }
+}
+</style>
diff --git a/libs/ui/src/index.ts b/libs/ui/src/index.ts
index 1e1ca9816a..38a9dde175 100644
--- a/libs/ui/src/index.ts
+++ b/libs/ui/src/index.ts
@@ -29,6 +29,7 @@ export { default as NeoCarousel } from './components/NeoCarousel/NeoCarousel.vue
 export { default as NeoCarouselItem } from './components/NeoCarousel/NeoCarouselItem.vue'
 export { default as NeoLoading } from './components/NeoLoading/NeoLoading.vue'
 export { default as NeoMessage } from './components/NeoMessage/NeoMessage.vue'
+export { default as NeoSlider } from './components/NeoSlider/NeoSlider.vue'
 
 export { default as NeoSwitch } from './components/NeoSwitch/NeoSwitch.vue'
 export { default as NeoSteps } from './components/NeoSteps/NeoSteps.vue'
diff --git a/package.json b/package.json
index 3dbb051efc..5a1bf10c17 100644
--- a/package.json
+++ b/package.json
@@ -78,7 +78,7 @@
     "@nuxtjs/sentry": "^7.3.0",
     "@nuxtjs/sitemap": "thisismydesign/sitemap-module#cd4dc22293b9b67e8ebb5b3c49840e67c108e312",
     "@oruga-ui/oruga": "^0.6.0",
-    "@paraspell/sdk": "^1.1.9",
+    "@paraspell/sdk": "^1.1.10",
     "@pinia/nuxt": "^0.4.11",
     "@polkadot/api": "^10.6.1",
     "@polkadot/api-base": "^10.6.1",
@@ -90,7 +90,6 @@
     "@polkadot/vue-identicon": "^3.3.1",
     "@ramp-network/ramp-instant-sdk": "^3.2.3",
     "@sentry/browser": "7.42.0",
-    "@sgratzl/chartjs-chart-boxplot": "^3.10.0",
     "apollo-boost": "^0.4.9",
     "axios": "^0.27.2",
     "buefy": "^0.9.23",
@@ -116,7 +115,6 @@
     "setimmediate": "^1.0.5",
     "slugify": "^1.6.6",
     "unzipit": "^1.4.3",
-    "v-emoji-picker": "^2.3.3",
     "vue": "2.7.14",
     "vue-apollo": "^3.1.0",
     "vue-audio-visual": "2.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8daadf482a..5ef2fc959a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -71,8 +71,8 @@ importers:
         specifier: ^0.6.0
         version: 0.6.0(vue@2.7.14)
       '@paraspell/sdk':
-        specifier: ^1.1.9
-        version: 1.1.9(@polkadot/api-base@10.6.1)(@polkadot/api@10.6.1)(@polkadot/apps-config@0.130.1)(@polkadot/types@10.6.1)
+        specifier: ^1.1.10
+        version: 1.1.10(@polkadot/api-base@10.6.1)(@polkadot/api@10.6.1)(@polkadot/apps-config@0.130.1)(@polkadot/types@10.6.1)
       '@pinia/nuxt':
         specifier: ^0.4.11
         version: 0.4.11(typescript@4.9.5)(vue@2.7.14)
@@ -106,9 +106,6 @@ importers:
       '@sentry/browser':
         specifier: 7.42.0
         version: 7.42.0
-      '@sgratzl/chartjs-chart-boxplot':
-        specifier: ^3.10.0
-        version: 3.10.0(chart.js@3.9.1)
       apollo-boost:
         specifier: ^0.4.9
         version: 0.4.9(graphql@16.7.1)
@@ -184,9 +181,6 @@ importers:
       unzipit:
         specifier: ^1.4.3
         version: 1.4.3
-      v-emoji-picker:
-        specifier: ^2.3.3
-        version: 2.3.3(vue@2.7.14)
       vue:
         specifier: 2.7.14
         version: 2.7.14
@@ -1211,7 +1205,7 @@ packages:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.22.5
-      '@babel/helper-create-class-features-plugin': 7.22.1(@babel/core@7.22.5)
+      '@babel/helper-create-class-features-plugin': 7.22.5(@babel/core@7.22.5)
       '@babel/helper-plugin-utils': 7.22.5
     transitivePeerDependencies:
       - supports-color
@@ -2042,8 +2036,8 @@ packages:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.22.5
-      '@babel/helper-annotate-as-pure': 7.18.6
-      '@babel/helper-create-class-features-plugin': 7.22.1(@babel/core@7.22.5)
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-create-class-features-plugin': 7.22.5(@babel/core@7.22.5)
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/plugin-syntax-typescript': 7.21.4(@babel/core@7.22.5)
     transitivePeerDependencies:
@@ -5145,8 +5139,8 @@ packages:
       '@open-web3/orml-type-definitions': 2.0.1
     dev: false
 
-  /@paraspell/sdk@1.1.9(@polkadot/api-base@10.6.1)(@polkadot/api@10.6.1)(@polkadot/apps-config@0.130.1)(@polkadot/types@10.6.1):
-    resolution: {integrity: sha512-Dbkm57YKxgErF8mY+YX+WkT13GiG2Z1G7k+zuSsTLgrtZ4VSLHVd0ZxIDwdPZvoHkVjuDaRmmhwfjVZzK21log==}
+  /@paraspell/sdk@1.1.10(@polkadot/api-base@10.6.1)(@polkadot/api@10.6.1)(@polkadot/apps-config@0.130.1)(@polkadot/types@10.6.1):
+    resolution: {integrity: sha512-qhvd041GrGUs2/XMMKFQa4XtoyYDBCF5GkN5LQcMeT1q5vo9hz+mjkgaJcU/scYtbyYKhokLTS/0vtSy9sHO+w==}
     peerDependencies:
       '@polkadot/api': ^10.6.1
       '@polkadot/api-base': ^10.6.1
@@ -5486,7 +5480,7 @@ packages:
       '@polkadot/api-augment': 10.8.1
       '@polkadot/api-base': 10.8.1
       '@polkadot/api-derive': 10.8.1
-      '@polkadot/keyring': 12.3.2(@polkadot/util@12.3.2)
+      '@polkadot/keyring': 12.3.2(@polkadot/util-crypto@12.3.2)(@polkadot/util@12.3.2)
       '@polkadot/rpc-augment': 10.8.1
       '@polkadot/rpc-core': 10.8.1
       '@polkadot/rpc-provider': 10.8.1
@@ -5513,7 +5507,7 @@ packages:
       '@polkadot/api-augment': 10.9.1
       '@polkadot/api-base': 10.9.1
       '@polkadot/api-derive': 10.9.1
-      '@polkadot/keyring': 12.3.2(@polkadot/util@12.3.2)
+      '@polkadot/keyring': 12.3.2(@polkadot/util-crypto@12.3.2)(@polkadot/util@12.3.2)
       '@polkadot/rpc-augment': 10.9.1
       '@polkadot/rpc-core': 10.9.1
       '@polkadot/rpc-provider': 10.9.1
@@ -5693,11 +5687,12 @@ packages:
       tslib: 2.5.3
     dev: false
 
-  /@polkadot/keyring@12.3.2(@polkadot/util@12.3.2):
+  /@polkadot/keyring@12.3.2(@polkadot/util-crypto@12.3.2)(@polkadot/util@12.3.2):
     resolution: {integrity: sha512-NTdtDeI0DP9l/45hXynNABeP5VB8piw5YR+CbUxK2e36xpJWVXwbcOepzslg5ghE9rs8UKJb30Z/HqTU4sBY0Q==}
     engines: {node: '>=16'}
     peerDependencies:
       '@polkadot/util': 12.3.2
+      '@polkadot/util-crypto': 12.3.2
     dependencies:
       '@polkadot/util': 12.3.2
       '@polkadot/util-crypto': 12.3.2(@polkadot/util@12.3.2)
@@ -6014,7 +6009,7 @@ packages:
     resolution: {integrity: sha512-4QzT2QzD+320+eT6b79sGAA85Tt3Bb8fQvse4r5Mom2iiBd2SO81vOhxSAOaIe4GUsw25VzFJmsbe7+OObItdg==}
     engines: {node: '>=16'}
     dependencies:
-      '@polkadot/keyring': 12.3.2(@polkadot/util@12.3.2)
+      '@polkadot/keyring': 12.3.2(@polkadot/util-crypto@12.3.2)(@polkadot/util@12.3.2)
       '@polkadot/types': 10.9.1
       '@polkadot/types-support': 10.9.1
       '@polkadot/util': 12.3.2
@@ -6371,7 +6366,7 @@ packages:
     resolution: {integrity: sha512-AG33i2ZGGfq7u+5rkAdGrXAQHHl844/Yv+junH5ZzX69xiCoWO1bH/yzDUNBdpki2GlACWvF9nLYh3F2tVF93w==}
     engines: {node: '>=16'}
     dependencies:
-      '@polkadot/keyring': 12.3.2(@polkadot/util@12.3.2)
+      '@polkadot/keyring': 12.3.2(@polkadot/util-crypto@12.3.2)(@polkadot/util@12.3.2)
       '@polkadot/types-augment': 10.9.1
       '@polkadot/types-codec': 10.9.1
       '@polkadot/types-create': 10.9.1
@@ -7913,19 +7908,6 @@ packages:
       - supports-color
     dev: true
 
-  /@sgratzl/boxplots@1.3.0:
-    resolution: {integrity: sha512-2BRWv+WOH58pwzSgP50buoXgxQic+4auz3BF0wiIUXS8D3QGkdBNgsNdQO1754Tm/0uEwly0R3WaCiGnoYWcmA==}
-    dev: false
-
-  /@sgratzl/chartjs-chart-boxplot@3.10.0(chart.js@3.9.1):
-    resolution: {integrity: sha512-+XzmRr9unHzTAMrNVjQ1U6qKid2fEYpV6byC7WIKyU/nT3zB1g98RDuF+z8cFwBjZm/NdVw0uaQYdjHWwHiPbA==}
-    peerDependencies:
-      chart.js: ^3.9.1
-    dependencies:
-      '@sgratzl/boxplots': 1.3.0
-      chart.js: 3.9.1
-    dev: false
-
   /@sideway/address@4.1.4:
     resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==}
     dependencies:
@@ -23065,16 +23047,6 @@ packages:
     resolution: {integrity: sha512-AMqwWZaknLM77G+VPYNZLEruMGWGzyigPK3/Whg99B3S6vGHuqsyl5ZrOv1UUF3paGK1U6PM0cnayioaryg/fA==}
     dev: false
 
-  /v-emoji-picker@2.3.3(vue@2.7.14):
-    resolution: {integrity: sha512-GLuBowVCwKjGRVQ+DJvP6SVFhLIlyvQTBgwlrBuwPX7wt7xi+fdWxmFtyJDBEp/2/xI1aS6Y2lXvse9Cf2vIzA==}
-    peerDependencies:
-      vue: ^2.6.11
-    dependencies:
-      vue: 2.7.14
-      vue-class-component: 7.2.6(vue@2.7.14)
-      vue-property-decorator: 9.1.2(vue-class-component@7.2.6)(vue@2.7.14)
-    dev: false
-
   /v8-to-istanbul@9.1.0:
     resolution: {integrity: sha512-6z3GW9x8G1gd+JIIgQQQxXuiJtCXeAjp6RaPEPLv62mH3iPHPxV6W3robxtCzNErRo6ZwTmzWhsbNvjyEBKzKA==}
     engines: {node: '>=10.12.0'}